Builder Product Updates

The page hierarchy view, now integrated into the content list, helps teams with many pages more clearly navigate and organize large-scale projects with many pages. The page hierarchy view automatically organizes all your Builder pages into a folder and file structure based on their route. Page Hierarchy is available today in beta for all enterprise plans. Learn more.

We've improved our Visual Editor’s history tracking by letting you add custom messages to history items, providing context for changes. Additionally, when publishing, users can include notes describing the modifications made.

Visual Copilot now makes it cleaner to read, navigate, and integrate generated code by also creating a structured directory for the code with files separated into logical components and folders like a professional developer would.

Component Mapping is now available for Angular apps. Component Mapping with Visual Copilot syncs your Figma components to your Angular components and generates code that leverages your components when you have them. Learn more.

We 8x'd the size of designs that Basic, Growth, and Enterprise plan users can turn into code with Visual Copilot. We increased the context size for quality code generations from 16k to 128k tokens. Plus, we increased the speed at which Visual Copilot generates code in quality mode.

Use design tokens with the Visual Editor to maintain visual consistency across your site and app. Design tokens let you define a consistent set of values, such as colors, spacing, fonts, and more, so experiences built with the Builder Visual Editor stick to your brand guidelines. Learn more.

Component Mapping is now available for React apps that use Webpack or Vite. Component Mapping with Visual Copilot syncs your Figma components to your React components and generates code that leverages your components when you have them. Learn more.