Key concepts in Builder Code
Builder Code is AI-powered development designed for enterprise teams with existing codebases. It integrates directly with your repositories, understands your design systems, and generates production-ready code that follows your team's standards and workflows.
Overview
- Builder Code provides enterprise-ready AI development that works with large, existing codebases through standard Git workflows.
- Design system integration ensures generated code matches your components and coding standards.
- Cross-team collaboration enables designers and product owners to contribute code changes via pull requests.
How Builder Code works
Connect your repository
Link your GitHub, GitLab, Azure DevOps, or Bitbucket repository to Builder Code. Your code stays in your infrastructure with changes delivered through standard pull requests.
Add your design system
Connect additional repositories containing your design system. This teaches Builder Code your component patterns, coding standards, and architectural preferences.
Generate and iterate
Create new features from text prompts, import Figma designs for implementation, or ask for modifications to existing code. Builder Code understands your codebase context and generates appropriate solutions.
Review and merge
All changes are delivered as pull requests with clear descriptions. Your team reviews and merges using existing workflows—no new processes required.
Key concepts for working with Builder Code
Projects
The main workspace where you connect repositories, generate code, and iterate on applications. Each Project typically corresponds to one primary repository, with optional additional repositories for design systems or shared components.
Visual Editor
An interface that combines visual design tools with code generation. Make changes visually or through AI prompts, then see the resulting code immediately.
Pull Request workflow
All Builder Code changes are delivered as pull requests to your repository. This maintains your team's existing review and approval processes while providing clear change tracking.
Design system integration
Connect additional repositories containing your design system to teach Builder Code your preferred patterns, components, and coding standards.
What Builder Code replaces
Traditional design-to-development handoffs
Instead of designers creating mockups that developers manually interpret and code, Fusion bridges this gap with AI that understands both design intent and your codebase structure.
Manual Figma-to-code translation
Rather than developers spending hours translating Figma designs into components, Fusion generates code directly from designs while respecting your existing patterns and conventions.
Repetitive coding work
Fusion handles routine development tasks—like creating new components, updating layouts, or implementing design changes—freeing developers to focus on complex business logic and architecture.
Why teams choose Builder Code
Accelerates development without disruption
Fusion works within your existing Git workflow. Developers maintain full control over code quality while gaining AI assistance for routine tasks.
Maintains code consistency
By understanding your design system and existing patterns, Builder Code generates code that looks like your team wrote it, not generic AI output.
Enables cross-functional contribution
Designers and product owners can propose specific code changes without needing to write code themselves, reducing bottlenecks and miscommunication.
Scales with enterprise needs
Fusion is built for large codebases with complex requirements, multiple repositories, and established development processes.
Built for real development teams, not just experimentation
Unlike standalone AI coding tools that require starting from scratch in isolated environments, Builder Code integrates directly into your existing repositories and workflows.
You don't need to create new projects, migrate code, or abandon your design system. Fusion works with what you already have—your codebase, your components, your Git process—making it practical for production development, not just prototyping.
Get the most value from Builder Code
Builder Code can provide value in several ways. Some of the most impactful and common are described here.
1
Start with an existing repository
Builder Code works best when it can learn from your existing code patterns. Connect a repository you actively develop to see immediate value.
2
Connect your design system
If you have a separate design system repository, connecting it significantly improves code quality and consistency. Builder Code learns your component library and applies those patterns automatically.
3
Involve your design team
Builder Code's Figma integration allows designers to contribute directly to development. This reduces translation errors and speeds up design implementation.
4
Use standard git practices
Builder Code generates pull requests just like any team member. Use your existing code review, testing, and deployment processes.
