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:
- AI-assisted development: Describe what you want to build in plain English, and Projects generates the corresponding code
- Visual editing: Make precise adjustments using familiar design tools without writing code
- Real-time preview: See your changes instantly as you work, with full interactivity
- Version control integration: Work with branches, pull requests, and standard Git workflows
- 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:
- Builder Figma Plugin. Learn how to use the Builder Figma plugin to get your design into Builder.
- AI Credits. Understand Builder's AI credits and how and when they apply.
- Builder Projects: best practices. Get tips and insights to work even smarter.
- Connect GitHub to Projects. Connect your repo to Builder so you can edit your code visually and create PRs with Builder.