Components

You can reuse components across different projects, and you can also save them to a style guide.

---

Save a component to a style guide

1. Open the project.

2. Click Project options (the dropdown next to the project name in the top-left).

3. Select View components.

4. In the left sidebar, choose a component, then click Save to style guide (top-right).

5. Pick the style guide to save it to.

Next time you create a project from that style guide, it will automatically include all components saved to it.

---

Reuse components

1. In your project, click the + next to the prompt field and select “Insert component.”

2. Choose the source for the component:

   • Current project

   • Another project

   • Current style guide (if the project uses one)

3. Browse the available components, select the one you want, and click “Insert into project.”

4. Optionally, refine the prompt to specify where to insert the component or any changes you’d like to make.

---

Adding a component that exists in a project but isn’t available to insert

1. Open the project.

2. Click Project options (next to the project name in the top-left).

3. Click View components.

4. Review the list. If a component is missing, click Select element from project (top-right).

5. In the preview, click the element you want to extract.