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

# Design Settings

export const VariantsPassesIcon = props => {
  return <div style={{
    display: "inline",
    justifyContent: "center",
    alignItems: "center"
  }}>
      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" style={{
    display: "inline"
  }} {...props}>
        <path d="M2 7v10"></path>
        <path d="M6 5v14"></path>
        <rect width="12" height="18" x="10" y="3" rx="2"></rect>
      </svg>
    </div>;
};

Design Settings give you control over how thoroughly Kombai explores and refines designs during generation.

## Variants

Variants determine how many independent design options Kombai generates in a single prompt. Instead of producing one result, Kombai creates multiple versions. Each version takes a different visual direction, so you can compare and pick the one that fits best.

You can set the number of Variants to **1**, **2**, or **3**.

## Passes

Passes determine how many times Kombai iterates on and refines each generated design. On each Pass, Kombai reviews and improves the previous result — tightening spacing, improving visual hierarchy, and making the design more polished.

You can set the number of Passes to **1**, **2**, or **3**. When multiple Passes are selected, only the final result is shown.

## Configure Design Settings

Both settings are accessible from the chat box.

1. In the chat box, click the <VariantsPassesIcon /> button to open the Design Settings popover.
2. Open the **Variations** dropdown and select **1**, **2**, or **3**.
3. Open the **Passes** dropdown and select **1**, **2**, or **3**.