> ## 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.

# 确保各团队间风格一致性

## 场景

团队经常单独设计页面,导致整个产品的color,排版和间距不一致.

## 挑战

手动确保对齐既耗时又容易出错.

## 如何让 prompt.to.design 提供协助

* 在 Figma 中打开插件并选择 **Style Transfer** 功能
* 选择最终设计**Frame**作为您的参考
* 输入提示,选择设备尺寸,然后单击 **生成**

<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" />

* 一代开始.右側面板将display人工智能对参考style的分析和您的提示.

<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" />

* 查看结果,完善输出,或**导入到 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" />

***

## ✔ 输出在视觉上与参考样式匹配并且完全可编辑

<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" />