Builder
Product Updates

Start a project off with the perfect settings. Use context from a connected repo or a project made in Fusion. Set a default Starter Template to be used any time you prompt. Add custom advanced settings, reorder your favorite templates, and more.

Fusion links directly to your GitHub repos and learns your design system and APIs, then uses AI to generate and visually edit production-ready UI code in place. It opens a branch, pushes a PR, and spins up a live preview for every change.

Read the blog post, or explore the docs

Visually resize the gap inside selected elements by clicking and dragging.

Switch to the Modern UI in the Visual Editor for a better visual editing experience. Get a cleaner view of your design, intuitive alignment tools, redesigned panels, and a streamlined preview experience.

Now you can choose from hundreds of 21st.dev templates to drag and drop onto your page. These aren’t standard templates — Content Inspiration Templates use your design tokens and context from your page to generate beautiful on-brand and interactive content. Drag and drop a template into place, and our AI will do the rest!

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. Learn more

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. Learn more

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. Learn more

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. Learn more

Organize your images and video files into subfolders. Learn more

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.