Symbol

Nav Bar Header

Text

Columns

Core:Section

Footer Dark

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.

Modern Visual Editing UI

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&nbsp;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!

100s of New Drag and Drop Templates

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. <a href="https://www.builder.io/c/docs/chrome-extension" rel="noopener noreferrer" target="_blank">Learn more</a>

Import a webpage to 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 href="https://www.builder.io/c/docs/ve-visualcopilot" rel="noopener noreferrer" target="_blank">Learn more</a>

Generate Interactive Designs with AI

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. <a href="https://www.builder.io/c/docs/breakpoints" rel="noopener noreferrer" target="_blank">Learn more</a>

Add another breakpoint

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. <a href="https://www.builder.io/c/docs/scheduling" rel="noopener noreferrer" target="_blank">Learn more</a>

Schedule Content with Time Zones

Organize your images and video files into subfolders. <a href="https://www.builder.io/c/docs/asset-library" rel="noopener noreferrer" target="_blank">Learn more</a>

Create Subfolders in the Asset Library

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. <a href="https://www.builder.io/c/docs/figma-plugin-modes" rel="noopener noreferrer" target="_blank">Learn More</a>

Export Figma Designs in Easy or Precise Mode

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. <a href="https://chromewebstore.google.com/detail/builderio/cfldfgibklhmjhnkfighkbafbkbfcmij?pli=1" rel="noopener noreferrer" target="_blank">Download it here.</a>

Copy Layouts from the Web

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. <a href="https://www.builder.io/blog/visual-copilot-2" rel="noopener noreferrer" target="_blank">Learn more</a>.

Visual Copilot 2.0: Design to Interactive

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

Automated Test Generation for Visual Copilot

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). <a href="https://www.builder.io/blog/locale-grouping" rel="noopener noreferrer" target="_blank">Learn More</a>

Visual Development Platform

Publish

Use Cases

Integrations

Overview

Frameworks

Open Source

Explore

Explore

Customers

Resource Center

Builder
Product Updates

Stay up to date with the latest features and updates to Builder.

Developer changelog

Stay up to date with the latest features and updates to Builder.

Want to dive deep into all the recent platform updates? Check out the

Changelog

Share this page

Are you a developer? Check out the

Get the latest from Builder.io

Product

CAPABILITIES

Company

Developers

Open Source

Solutions

Popular Guides

Resources

Frameworks

Visual Development Platform

Publish

Use Cases

Integrations

Overview

Frameworks

Open Source

Explore

Explore

Customers

Resource Center

BuilderProduct Updates

Stay up to date with the latest features and updates to Builder.

Developer changelog

Stay up to date with the latest features and updates to Builder.

Want to dive deep into all the recent platform updates? Check out the

Changelog

Share this page

Are you a developer? Check out the

Get the latest from Builder.io

Product

CAPABILITIES

Company

Developers

Open Source

Solutions

Popular Guides

Resources

Frameworks

Builder
Product Updates