Fusion Projects provides a way to create and iterate on applications using AI and visual editing. Prototype ideas, build new web applications, or convert Figma designs to code.
To create a net-new application from a prompt:
- Go to the Projects page in the Builder app.
- In the prompt box at the top of the Projects page, type in what you want to generate and press enter.
Builder transitions you to the Visual Editor, where it then builds your application from scratch.
If you are primarily looking to test out Fusion's Project prompting functionality, try the following prompt:
Build an event invite for an upcoming staff holiday party,
highlighting the basic event details and what kind of
activities there will be. Fill in placeholder details
wherever appropriate. The main interaction on the site
should be to respond Yes or No to the invite, with a place
to include the user's name and whether they will be
bringing a plus one.Upon clicking Enter, Fusion creates a new Project for you.
With such a minimal prompt, the Project created by Fusion may not be exactly what you need. Refine your prompt, add context, or make additional prompts and edits to improve the Project.
To refine your application:
- Go to the prompt field embedded on the left, within the Chat tab.
- Write a new prompt specifying what you'd like changed.
- Click Enter.
Fusion immediately begins to apply the changes.
For example, the following prompt would lead to Fusion adding a reminder banner to the top of the page with some specific details.
Include a small banner to the top of the page, reminding
users when they need to RSVP by.Without much guidance, Fusion does its best to fulfill your request. For more fine-grained control, switch to Design mode or Import from Figma.
For the absolute best results, Create a Project from a repository or follow Prompt essentials such as including a screenshot or supporting material.
When making a prompt, you can adjust code output in the following ways:
- Attach files such as PDFs or images, Figma designs, or layouts copied from the Builder Chrome plugin.
- Connect Integrations, which can provide you with access to other services such as Linear, Netlify, or Zapier.
- Choose which AI model you wish to use, which affects code output and can decrease or increase the amount of Agent credits used.
When prompting within an existing Project, you have additional options:
- Select a specific element to reference as context for your prompt by clicking the target icon.
- Adjust rules and Project settings by clicking the cog icon.
To share the Project you made from prompts, you have a few options:
- Create a repository by clicking the Create Repo button. This requires a connection to a Git provider. For more details, visit Project setup overview.
- Share you Project with a Project preview.
When creating a new Project, you can also select a Starter Template. Starter Templates dictate the foundational coding languages and tools used to build your application.
You can only choose to use a Starter Template when making your first prompt from the main Projects page.