Learn how to create a starter template that pulls from your own proprietary design system when generating code.
Follow this tutorial to create a starter template that leverages your own code structures, design systems, and settings. Then, create projects from prompts with Fusion that leverage these repositories.
To create a starter template, you need a Fusion Project.
To create a project to serve as your template:
- Click the dropdown in the bottom-right corner of the Fusion Project prompt field.
- Click Edit Starter Templates.
- Click + New Starter Template.
- Enter a name for your template.
- Select the dropdown and then click away from it.
- Click the Connect Repository button that appears.
- Choose a repository. The list of repositories displayed are what Builder has access to.
- Select a Framework Preset.
- Adjust project settings, such as the server port or the setup script.
- Click Next.
Note: If you already have a project to serve as your starter template, select that project from the existing list. You should not need to set up your project once again.
Once you have completed this part of the process, move on to Step 2.
To connect your design system, first click the Yes button when asked if you use a custom design system.
Next, choose either Yes or No as to whether or not your design system is in a Separate Repository or within This Repository.
If you choose Separate Repository:
- Click Add Repository.
- Choose your repository from the list of available repositories.
- Optionally choose additional repositories.
- Click Continue.
At the end of the above process, or if you choose This Repository, you are given the option to provide instructions to Builder's AI. These instructions help the AI determine how to use the additional repository you've included.
After adding instructions, click Create Project. You are then brought to a Fusion Project that uses your connected repositories.
The video below demonstrates how to create a Project using the process described above.
Now that your project exists, you can create your starter template:
- Click the dropdown in the bottom-right corner of the Fusion Project prompt field.
- Click Edit Starter Templates.
- Click + New Starter Template.
- Enter a name for your template.
- Select the Project created from your previous steps.
- Click Save.
You can now select your starter template just like you would any other template.
For more details on this process, visit Starter Templates. To learn more about connecting Builder to your version control account, visit Connect Git Providers.