Meet Fusion 1.0 - The First AI Agent for Product, Design, and Code

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io
Contact sales

Meet Fusion 1.0 - The First AI Agent for Product, Design, and Code

Announcing Visual Copilot - Figma to production in half the time

for developers

Fusion's design system intelligence is Builder’s AI-powered approach to automatically discover, analyze, and map design system components, icons, and tokens.

After indexing your design system with a single command on the command line, Fusion will make use of your components when generating code.

Normally, when AI helps you build features, it creates generic code from scratch. But most companies have their own custom components and design systems that should be used to maintain consistency.

Abstract image showing several screens of a web application, including an overlay that shows brand colors for the app.

Design system intelligence uses a process called component indexing that creates a catalog of your code's building blocks. The AI scans your codebase once, learns what components exist, how they work, and when to use them.

Implementing design system intelligence requires access to your repository and a command line application. For more details on how to index your application, visit Component indexing.

To view component indexes available in your Organization or Space, go to the Design system intelligence page. Here, you will see all indexed components associated with your Organization or Space.

To view the components indexed within a design system:

  1. On the Design system intelligence page, click on one of the rows.
  2. Scroll through the components on the left, or use the search bar to find a component.
  3. Click the component listing to view the indexed component.

Each indexed component contains an AI generated overview of that component.

You can remove indexed components by clicking on the three-dot menu icon next to a design system. Then, click Remove.

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

  • Fusion

  • Publish

  • Product Updates

  • Figma to Code Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

Security

Privacy Policy

SaaS Terms

Trust Center

Cookie Preferences