Steve SewellforBuilder.iobuilderio.hashnode.dev·Nov 25, 2024Generate Figma Designs with AI"Design me a landing page for a fintech app.” A few years ago, this would have kicked off hours of creative exploration in Figma. Today, it's a prompt that can generate complete UI designs in seconds. This is a big deal for designers, but it got me t...Discussfigma
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·174 readsDesignfigma
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·50 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
Thirdy Gayaressoftware-engineer.thirdygayares.com·Sep 28, 2024Create a Grid System for Web & UI Design in FigmaIn this article, I will guide you through the process of creating a grid system in Figma for web and UI design. A well-structured grid system helps designers maintain alignment, consistency, and organization across layouts, making designs more profes...Discuss·59 readsFigmafigma
