Framework presets for connected repos
Apply common settings to your connected repos to get started faster. Choose between popular frameworks, set up multiple presets, or make your own.
Builder Product Updates
Project Starter Templates
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: Vibe code at any scale
Gap Editor UI
Visually resize the gap inside selected elements by clicking and dragging.
Modern Visual Editing UI
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.
Import a webpage to Figma
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
Generate Interactive Designs with AI
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
Add another breakpoint
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