10/02 | Prototypes that actually use your design system

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io
Contact sales

10/02 | Prototypes that actually use your design system

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io

Let's build together

Learn Builder

Get to know Builder's core concepts — like Organizations, Spaces, and the Visual Editor, an intuitive drag-and-drop editor where you can quickly build layouts and leverage your data.

Get up and going

Abstract design with blocks.

Core Concepts

Learn about Organizations, Spaces, and Environments

Image of the visual editor and a mouse pointer over a header with copy.

The Visual Editor

Create and iterate designs with drag-and-drop and AI

Image of a Figma design and Figma logo with a note that says "Import your designs from Figma".

Import from Figma

Get your Figma designs into Builder with the Figma plugin

Depending on whether you're using Fusion or Publish, the workflow should follow one of these general outlines.

To get going with Builder Fusion:

  1. Connect to GitHub.
  2. Iterate with AI.
  3. Send PRs.

For a guide through the main workflow, see Get started with Fusion.

To get going with Builder Publish:

  1. Import your design from Figma or from the web.
  2. Iterate with the Builder Visual Editor AI.
  3. Integrate Page building.
  4. Integrate custom components.

For a guide through the main workflow, see Get started with Publish.

First, make sure you understand the basics, such as:

When you've imported and iterated on your design, get into some of the in-depth features such as:

Looking to hire a third party to help with your project?

Submit a project request and our partnerships team will reach out to connect you with an Expert from our partner ecosystem.

Connect with us

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Resources

User Guides

Developer Docs

Forum

Blog

Github

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

  • Design to Code

  • Headless CMS

    Multi-Brand CMS

  • Landing Pages

  • Web Apps

  • Prototypes

  • Marketing Sites

  • Headless Commerce

  • Documentation

  • Fusion Docs

  • Publish Docs

  • Blog

  • Webinars

  • Guides

  • Case Studies

  • Community Forum

  • Partners

  • Affiliate Program

  • CMS Integrations

  • CMS Blueprints

  • Glossary

  • Figma to Code Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

  • About

  • Careers

  • Contact Sales

Security

Privacy Policy

SaaS Terms

Compliance

Cookie Preferences

YouTube icon
Github icon
Blsky Icon
Twitter "X" icon
LinkedIn icon
Feed Icon
Gartner Cool Vendor 2024