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

# Maintain style consistency across teams

## Scenario

Teams often design pages separately, leading to inconsistent colors, typography, and spacing across the product.

## Challenge

Ensuring alignment manually is time-consuming and error-prone.

## How prompt.to.design helps

* Open the plugin in Figma and select the **Style Transfer** feature
* Choose a finalized design **Frame** as your reference
* Enter your prompt, select device size, and click **Generate**

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/maintain-style-consistency/1.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=6794a821c067cecf52ed7677aaad9758" alt="Style Transfer setup" style={{ marginTop: '1rem', borderRadius: '8px' }} width="1834" height="1218" data-path="images/maintain-style-consistency/1.png" />

* Generation begins. The right panel will show the AI's analysis of the reference style and your prompt.

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/maintain-style-consistency/2.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=975b1e96f1c78e826acd678dbe1f0caf" alt="AI Analysis" style={{ marginTop: '1rem', borderRadius: '8px' }} width="1550" height="1210" data-path="images/maintain-style-consistency/2.png" />

* Review the result, refine the output, or **Import to Figma**.

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/maintain-style-consistency/3.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=59e855ebda680ee919fedb130960e4df" alt="Preview generated output" style={{ marginTop: '1rem', borderRadius: '8px' }} width="1504" height="1182" data-path="images/maintain-style-consistency/3.png" />

***

## ✔ The output matches the reference style visually and is fully editable

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/maintain-style-consistency/4.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=d2f0be8a525cf56271869a0e0fa8e2d9" alt="Input vs Output comparison" style={{ marginTop: '1rem', borderRadius: '8px' }} width="2082" height="3758" data-path="images/maintain-style-consistency/4.png" />