private 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.
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.
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.
Connect and 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.
Collaborate with AI assistance
Use natural language prompts to make complex code changes, add new features, or refactor existing components. The AI understands your codebase context and follows your coding standards and preferences.
There are a few ways to start using Projects:
- 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.
- 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.
- 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.
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.
Projects is a full-featured way to collaborate across your team so anyone regardless of coding skill can constructively contribute to the codebase.
Create and iterate with AI. Create and iterate on apps, sections, pages, and components with AI assistance that understands your codebase.
Custom instructions. Guide the AI to follow your specific coding standards, use particular APIs, or implement features according to your preferences. Set these once and Projects will apply them consistently across your project.
Branch management. Create, rename, and manage branches directly within Projects. Each branch provides a safe workspace for experimenting with changes before merging to your main codebase.
Pull request automation. Generate pull requests automatically from your changes, complete with detailed descriptions of what was modified. Collaborate with your team using familiar GitHub workflows and even tag the Projects bot to make updates to the PR.
Multi-repository workspaces. Work with monorepos and multiple related repositories as a unified workspace. Projects understands the relationships between your different codebases and can make coordinated changes across them.
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.