Builder offers two types of Space:
- Fusion Space: code generation using AI — connects to existing codebases and makes AI-driven changes, generates apps from prompts, and converts Figma designs to code
- Publish Space: a headless CMS with Visual Editor AI
For more context about Spaces, read Spaces Overview.
Fusion Spaces help you build apps using AI. You can work with existing codebases through GitHub integration, generate apps from prompts, or convert Figma designs to code.
Key points include:
- The main goal of a Fusion Space is to generate and sync your code with your repository.
- Generate applications from prompts and requirements, import Figma designs for code conversion, or connect existing GitHub repositories for iterative development.
- You can connect existing repositories or push generated code to new repositories.
- With Fusion, you can use Projects to generate apps from prompts, import Figma designs, or update existing codebases using AI through GitHub integration.
- The Visual Editor features select options specific to the Fusion workflow. Fusion Spaces don't include targeting, A/B testing, or other Headless CMS features as these aren't applicable to the code generation workflow.
- Offers Visual Editor AI along with other content editing features.
The video below gives a tour of a Fusion Space, which includes a focused set of features including Projects, Content, MCP Servers and Asset library.
A Fusion Space provides a focused experience for AI-powered development. We recommend starting with an existing codebase:
- GitHub integration: connect existing repositories → iterate with AI → send pull requests
Optionally, you can also start with other workflows and later connect to GitHub for code deployment:
- Generate from scratch: prompt AI to create applications from ideas and requirements
- Design to code: import Figma designs → generate code with AI → refine the output
Regardless of your starting point, you can create an app and connect to GitHub to push code or send pull requests to existing repositories.
When you've generated code for an imported Figma design in your Fusion Space, you can share that design with others:
- In your Project, after you've made changes and generated code, click the Share icon.
- Use the link automatically created and copied to share with collaborators.
This video shows using the Share feature with an imported Figma design and opening that shared design in the browser:
Publish Spaces serve as a headless CMS for creating, managing, and optimizing digital experiences.
Key features include:
- Visual Editor with drag-and-drop functionality
- Robust Headless CMS capabilities
- Multiple models (built-in and custom)
- Content personalization and targeting
- Scheduling
- Workflow and Environments
- Content API access
- A/B testing tools
- Built-in optimization features
- Localization
- Variant containers
- Much more
The video below tours a Publish Space and shows content, multiple models, scheduling, the Asset Library, Scheduler, Insights, Plugins, and a fully featured Visual Editor:
- Focus on CMS operations
- Content creation and management
- Testing and optimization
- Content delivery and distribution
Note that if you need to export to code, you must use a Fusion Space.
The table below shows which features are available in Fusion and Publish Spaces:
| Feature | Fusion | Publish |
|---|---|---|
✅ | ✅ | |
✅ | n/a | |
✅ | n/a | |
Figma Model is the only content model | ✅ | n/a |
✅ | n/a | |
Sharing | ✅ | n/a |
✅ | ✅ | |
✅ | ✅ | |
Content editing features | ✅ | ✅ |
Creating, publishing, & managing visual content | n/a | ✅ |
Content publishing | n/a | ✅ |
n/a | ✅ | |
n/a | ✅ | |
n/a | ✅ | |
n/a | ✅ | |
n/a | ✅ | |
Headless CMS | n/a | ✅ |
Content personalization with Variant Containers | n/a | ✅ |
n/a | ✅ | |
n/a | ✅ | |
n/a | ✅ |
Fusion and Publish Spaces have complimentary purposes. To use them together, consider:
- Components created in Fusion Spaces can be used as part of the design system in Publish Spaces.
- Existing codebase components can leverage Builder SDKs and APIs to incorporate content from Publish Spaces.
- Typical setup requires two separate spaces, one Fusion and one Publish.
- Use Fusion Spaces for initial component creation and code generation.
- Use Publish Spaces for ongoing content management and optimization.
- Maintain clear separation between development and content management workflows.
- Leverage integrations with existing tech stack components.
To get started with your Space, choose the appropriate guide:
- For a Publish Space, visit Integrating Pages to integrate your app with Builder.
- For a Fusion Space, visit Generate Code to get started.
Certain parts of this workflow uses AI, for more information, visit How Builder Uses AI.