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

# 自动修复凌乱的布局

## 设想

您的 Figma 文件包含未对齐的框架,不均匀的间距和不一致的组件使用情况.

## 挑战

手动清洁既痛苦又耗时.

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

* 选择凌乱的屏幕
* 应用清理提示
* 该插件重组了间距,对齐方式,网格使用和组件一致性
* 立即将混乱转变为干净,可用于生产的布局

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/messy-redesign/1.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=cccd9efd2089239e2249acb6d1582748" alt="Messy layout selected with cleanup prompt" style={{ marginTop: '1rem', borderRadius: '8px' }} width="1053" height="945" data-path="images/messy-redesign/1.png" />

* 生成开始.右側面板显示 prompt.to.design 的分析与清理计划.

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/messy-redesign/2.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=71bdbae2b3395477ac3db7beea7adf67" alt="AI cleanup analysis" style={{ marginTop: '1rem', borderRadius: '8px' }} width="724" height="574" data-path="images/messy-redesign/2.png" />

* 查看清理后的输出,如有需要进行完善,或**导入到 Figma**

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/messy-redesign/3.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=6225880bb5012024c8eb0fdcdbe8c74c" alt="Preview of cleaned layout" style={{ marginTop: '1rem', borderRadius: '8px' }} width="721" height="564" data-path="images/messy-redesign/3.png" />

***

## ✔ 整洁,网格对齐,生产质量的布局 — 自动修复

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/messy-redesign/4.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=355401a9ddbebb1e207c36d367864b0a" alt="Final cleaned layout" style={{ marginTop: '1rem', borderRadius: '8px' }} width="464" height="1145" data-path="images/messy-redesign/4.png" />

***