Luke StahlforBuilder.iobuilderio.hashnode.dev·Dec 13, 2024What is Builder's Visual Development Platform?Web and mobile development often involves multiple teams working in silos, leading to inefficiencies and delays. Builder's Visual Development Platform addresses these challenges with a toolkit that combines AI, visual editing, CMS capabilities, optim...AI
Apoorva VforBuilder.iobuilderio.hashnode.dev·Dec 9, 2024Figma Components: Supercharge Your Design SystemUpdating the same UI components across hundreds of screens is a pain. But there's a better way - Figma components make updating design elements as easy as changing one master copy. Let's dig into how components work and how to use them effectively. W...figma
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...figma
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...figma
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...Figma 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 ...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...Figma 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...design to code
Vishwas GopinathforBuilder.iobuilderio.hashnode.dev·Aug 20, 2024Figma to SwiftUIThe gap between design and code has been a persistent challenge in mobile app development. Translating Figma designs into functional SwiftUI code is a time-consuming process that can take developers days or even weeks to complete. This time spent wri...Figma to Code
Vishwas GopinathforBuilder.iobuilderio.hashnode.dev·Jun 14, 2024Figma to Vue: Convert Designs to Clean Vue Code in a ClickImagine a world where designers could concentrate solely on creating beautiful designs without worrying about the final product’s pixel-perfect implementation. Developers could focus on enhancing core functionalities and adding new features rather th...Vue.js