Builder
Product Updates

Quickly convert a live webpage into editable Figma layers. Type the URL of a webpage that you'd like to convert, or use the Builder.io Chrome Extension to copy a screenshot of a page and paste it into Figma.

Use the Builder plugin to generate new designs in Figma. Builder's AI uses your design tokens and any selected frames to create new on-brand interactive content. Chat to iterate your design. Import the finished design to Figma or export the interactive design to Builder.

A new Mobile (XS) breakpoint gives your team more flexibility for pixel-perfect responsive designs. Distribute breakpoint sizes however you like to get the best result.

You can now easily choose a time zone when scheduling your content. With the new time zone functionality, you can ensure that your content goes live at the correct time anywhere in the world without the error-prone mental gymnastics of manually converting time zones.

Organize your images and video files into subfolders.

Visual Copilot now includes more choice while exporting your designs from Figma. The new Easy Mode is perfect for first-timers, letting you generate responsive designs without any setup. Precise Mode delivers pixel-perfect results when using Figma Auto Layout and syncs design changes to your code components. Learn More

Now you can copy any website layout to Builder with our Chrome extension. Hover over the section you want to copy, click, and paste it into Builder. Then, you can quickly edit and publish it or turn it into clean code for your codebase. Download it here.

We’re bringing our AI Assistant, Visual Copilot, to the Visual Editor. Using the new feature, you can use natural language to add functionality, animations, and real data from your APIs to designs in the visual editor - bringing designs to life. Learn more.

Developers can now generate automated tests directly from the Visual Copilot UI.

Locale grouping allows you to bucket locales into relevant groups so you can more easily manage many locales and introduce a secondary fallback system for locales that may share similarities. For example, French (Germany) and French (Belgium) can fallback to French (France), while English (Mexico) and English (Canada) fallback to English (US). Learn More

Space-level custom instructions allow teams to standardize generated code output across their organization. By saving custom prompts that apply to all Visual Copilot code generations, teams ensure the code matches their team’s code semantics and standards. Space-level custom instructions are currently available for growth and enterprise plans.

Visual Copilot now lets you generate Swift (iOS), Kotlin (Android), and Flutter code from your Figma designs. Learn more.