Introducing Fusion: Vibe code at any scale

Announcing Visual Copilot - Figma to production in half the time

Builder logo
builder.io
Contact SalesGo to App

Introducing Fusion: Vibe code at any scale

Announcing Visual Copilot - Figma to production in half the time

Builder logo
builder.io

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

in beta

Create and iterate on applications using Builder Projects AI for visual editing as you prototype new ideas, convert Figma designs to code, and work with real codebases.

Projects streamlines your development workflow with intelligent automation and intuitive tools.

There are a few ways to start using Projects.

  • Connect existing code: best for teams working with established codebases. Connect your GitHub repository or local project to edit real code visually while maintaining your existing development workflows.
  • Import from Figma: ideal when you have existing designs to implement. Use the Builder Figma Plugin to copy your designs, then paste them into Projects to generate pixel-perfect code implementations.
  • Start from scratch: perfect for rapid prototyping or building new applications. just describe your idea in the prompt, and Projects will generate a complete application that you can immediately preview and refine.

Visually edit real codebases

Link your GitHub repositories or local projects to Projects for visual editing of production code. Make changes through AI prompts or manual editing, then create pull requests directly from the Projects UI.

Convert Figma designs to code

Bridge the gap between design and development by importing your Figma designs directly into Projects. The AI translates your visual designs into clean, developer-friendly code while preserving your design intent and styling.

Create applications from scratch

Start with a natural-language text prompt to start Projects generating complete, functional applications. From basic landing pages to complex CRMs, the AI understands your requirements and builds working code that you can immediately preview and iterate on.

Projects combines AI-powered code generation with the Visual Editor to create a seamless development experience:

  1. AI-assisted development: Describe what you want to build in plain English, and Projects generates the corresponding code
  2. Visual editing: Make precise adjustments using familiar design tools without writing code
  3. Real-time preview: See your changes instantly as you work, with full interactivity
  4. Version control integration: Work with branches, pull requests, and standard Git workflows
  5. Multi-framework support: Currently supports React, Vue, Svelte, and Angular, with more frameworks under active development.

For more information on working with Builder Projects and Builder's AI, visit:

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

  • Platform Overview

    AI Overview

  • Integrations

  • What's New

  • Figma to Code Guide

  • Composable Commerce Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

  • Design to Code

  • Blog

  • Knowledge Base

  • Community Forum

  • Partners

  • Templates

  • Success Stories

  • Showcase

  • Resource Center

    Glossary

© 2025 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms

Compliance

Cookie Preferences

Gartner Cool Vendor 2024