Apoorva VforBuilder.iobuilderio.hashnode.dev·Nov 19, 2024Design Smarter with Figma Auto LayoutFigma's auto layout is pretty neat. If you've used it, you know it's a game-changer. If you haven't, you're in for a treat. It's one of those features that once you start using, you'll wonder how you ever designed without it. Let's break down what au...Discussfigma
Steve SewellforBuilder.iobuilderio.hashnode.dev·Nov 13, 2024Turn a Figma Design Into a Working Dashboard App in 5 MinutesI just turned a Figma design into a working dashboard app with real APIs, data, and pagination in less than five minutes. And the best part is: I can export my creation as clean code across multiple files, including reusing your existing components i...DiscussFigma to Code
Steve SewellforBuilder.iobuilderio.hashnode.dev·Nov 12, 2024Turn a Figma Dropdown Design Into Working React Code in 1 MinuteI just transformed a Figma design into working React code, complete with TypeScript and tests, in less than 1 minute. The best part? The code is clean, customizable, and ready to integrate into your project. Let me show you how to do it. The Process ...Discuss·1 likefigma
Vishwas GopinathforBuilder.iobuilderio.hashnode.dev·Nov 8, 2024Figma to React Native: Convert designs to clean code in a clickConverting Figma designs into React Native code remains a frustrating challenge for developers everywhere. Each Figma file takes many days to convert, making it hard for teams to focus on improving performance and building what truly matters. Now, wi...DiscussFigma to Code
Steve SewellforBuilder.iobuilderio.hashnode.dev·Oct 31, 2024Introducing Visual Copilot 2.0: Design to InteractiveWe've all been there. The design looks perfect in Figma. Everyone's approved it. But then comes the hard part: turning that static design into a living, breathing feature. Developers spend hours implementing each interaction. Designers watch their vi...Discussdesign to code
Ahmed RamzyforKlivvrblog.klivvr.com·Oct 28, 2024Streamlining Design-to-Development with Custom ToolsIn the fast-paced world of software development, the journey from design to code is often fraught with challenges. Designers meticulously craft user interfaces, carefully selecting colors, typography, and spacing, yet translating these into code can ...Discuss·166 readsDesignfigma
Pravin Shindeforbluehansinsighthub.bluehans.com·Oct 24, 2024Colour Theory and Application: Using Advanced Colour Schemes to Impact Emotions and ActionsUX DESIGN Colour is one of the most powerful tools in a designer’s toolkit. It’s not just about aesthetics—colour has the ability to influence emotions, convey meaning, and drive actions. By using advanced colour schemes, designers can create experie...DiscussReal-World Case StudiesDesign
Pravin Shindeforbluehansinsighthub.bluehans.com·Oct 24, 2024Advanced Visual Design PrinciplesIn the ever-evolving world of UX/UI, design is more than just making things look attractive. It’s about guiding users through a journey, creating a sense of balance, and organising content in a way that naturally directs attention. This is where adva...DiscussHands-On Tutorialsfigma
Thirdy Gayaressoftware-engineer.thirdygayares.com·Oct 4, 2024Learn Auto Layout for Web & UI Design in FigmaThis part will teach you how to use Auto Layout in Figma. Auto Layout is a great tool that helps you create designs that automatically adjust when things change, like when the text gets longer or the screen size is different. It makes designs flexibl...Discuss·49 readsfigma auto layout
Danny Bensondannybensonblog.hashnode.dev·Oct 2, 2024From Ideas to Reality: Building "Invo", a Tool for Small BusinessesIntro 👋🏽 Hi, I'm Benson Daniel Nkemdilim (pronounced, “In-kem-dee-lim” ), a software developer fresh out of college. With a strong foundation in visual design and a passion for crafting beautiful solutions, I have a knack for taking raw ideas and t...Discuss·1 like·30 readsBringing "Invo" to LifeSystem Design
