Skip to content
Skip to main contentWhere does your team stand on AI adoption?
CONTACT SALESSTART BUILDING

Key concepts in Builder Fusion

Builder Fusion 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

  • Fusion 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 Fusion works

Image highlighting four key steps to implementing fusion: connecting your repository, adding your design system, generating and iterating, and reviewing and merging.

Connect your repository

Link your GitHub, GitLab, Azure DevOps, or Bitbucket repository to Fusion. 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 Fusion 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. Fusion 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 Fusion

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 Fusion 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 Fusion your preferred patterns, components, and coding standards.

What Fusion 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 Fusion

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, Fusion 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, Fusion 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 Fusion

Fusion can provide value in several ways. Some of the most impactful and common are described here.

1

Start with an existing repository

Landing page of Fusion, showing the prompt section and a "Connect Repo" button.

Fusion 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

Representation of a design system, showing specific components integrated with customer data and styles.

If you have a separate design system repository, connecting it significantly improves code quality and consistency. Fusion learns your component library and applies those patterns automatically.

3

Involve your design team

View of the Builder Figma plugin, showing the Export tab.

Fusion's Figma integration allows designers to contribute directly to development. This reduces translation errors and speeds up design implementation.

4

Use standard git practices

View of the Builder Figma plugin, showing the Export tab.

Fusion generates pull requests just like any team member. Use your existing code review, testing, and deployment processes.

What's next

Was this article helpful?