> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superdesign.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Branch - Explore Design Variations

> Branch creates parallel design options without changing your current design

Branch creates parallel design options without changing your current design.
Use it to explore different directions safely and compare results side-by-side.

## How to Access

1. Select a page or frame
2. Click **Create New → Branch**

<Frame>
  <img src="https://mintcdn.com/superdesign/7KTMEDF6Hrb7ogkK/images/branch-1.png?fit=max&auto=format&n=7KTMEDF6Hrb7ogkK&q=85&s=4ad4af63f2bbc80dd0e0e37823c2acf3" alt="Access Branch from Create New menu" width="1392" height="976" data-path="images/branch-1.png" />
</Frame>

***

## Branch vs Edit

### Branch Mode

* Keeps the current design intact
* Generates new designs as separate branches
* Best for exploration and comparison

<Frame>
  <img src="https://mintcdn.com/superdesign/7KTMEDF6Hrb7ogkK/images/branch-5.png?fit=max&auto=format&n=7KTMEDF6Hrb7ogkK&q=85&s=c99944d688430338502b562f77a47525" alt="Branch mode keeps original design intact" width="1516" height="1022" data-path="images/branch-5.png" />
</Frame>

### Edit Mode

* Updates the current design directly
* Best for refining and polishing

***

## Iterations (1 · 2 · 3 · 4)

The numbers control how many branches are created.

* **Example:** Selecting 3 generates 3 new branches
* All branches start from the same original design

<Frame>
  <img src="https://mintcdn.com/superdesign/7KTMEDF6Hrb7ogkK/images/branch-2.png?fit=max&auto=format&n=7KTMEDF6Hrb7ogkK&q=85&s=00b61c60085bb8ebb5cf0a9225ecc34d" alt="Iteration numbers control branch count" width="1408" height="920" data-path="images/branch-2.png" />
</Frame>

***

## Guiding the Design Agent

You can guide exploration by focusing on:

* **Color**
* **Layout**
* **Style**
* **Typography**

<Info>
  These are optional. If you already know what you want, simply prompt the agent directly.
</Info>

<Frame>
  <img src="https://mintcdn.com/superdesign/7KTMEDF6Hrb7ogkK/images/branch-4.png?fit=max&auto=format&n=7KTMEDF6Hrb7ogkK&q=85&s=9c89a4648165bd1b5f6b34082ec05186" alt="Guide exploration with Color, Layout, Style, Typography" width="1288" height="852" data-path="images/branch-4.png" />
</Frame>

***

## "Each" Mode

When **Each** is enabled:

* You can write a different prompt per branch
* Each branch is generated based on its own prompt

<Frame>
  <img src="https://mintcdn.com/superdesign/7KTMEDF6Hrb7ogkK/images/branch-3.png?fit=max&auto=format&n=7KTMEDF6Hrb7ogkK&q=85&s=ae812ab8ebde4b3897364478ad688855" alt="Each mode allows different prompts per branch" width="1342" height="900" data-path="images/branch-3.png" />
</Frame>

***

## Model Selection

**Default model:** Gemini Flash

* Most cost-efficient option
* Recommended for early-stage iteration and exploration
