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

# 加快早期建筑

## 场景

您需要着陆页,应用程序屏幕或仪表板的快速草稿.

## 挑战

从空白画布开始可能会很慢并且会阻碍创造力.

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

* 使用自然语言描述您想要什么
  示例:**“带有主视觉部分和定价表的 AI SaaS 登陆页面”**
* 选择您的设备尺寸并点击**生成**
* 该插件立即生成结构化布局和视觉方向

<img src="https://mintcdn.com/uxarts/AyY1SLtgmf3f_Ggt/images/speed-up/1.png?fit=max&auto=format&n=AyY1SLtgmf3f_Ggt&q=85&s=0009782fb56573b0203644e35215b2a5" alt="Prompt input for early ideation" style={{ marginTop: '1rem', borderRadius: '8px' }} width="719" height="566" data-path="images/speed-up/1.png" />

* 生成开始.右側面板显示 prompt.to.design 的版面配置与风格分析.

<img src="https://mintcdn.com/uxarts/AyY1SLtgmf3f_Ggt/images/speed-up/2.png?fit=max&auto=format&n=AyY1SLtgmf3f_Ggt&q=85&s=d9d6e02ef82c65858a1fab899f5ef3d9" alt="AI layout analysis" style={{ marginTop: '1rem', borderRadius: '8px' }} width="728" height="568" data-path="images/speed-up/2.png" />

* 查看结果,完善您的草稿,或**导入到 Figma** for further design iteration.

<img src="https://mintcdn.com/uxarts/AyY1SLtgmf3f_Ggt/images/speed-up/3.png?fit=max&auto=format&n=AyY1SLtgmf3f_Ggt&q=85&s=2b936112ea97ab925d992cb15e2a6026" alt="Preview of early-stage layout generation" style={{ marginTop: '1rem', borderRadius: '8px' }} width="726" height="567" data-path="images/speed-up/3.png" />

***

## ✔ 可立即编辑的初稿,可节省手动布局规划的时间

<img src="https://mintcdn.com/uxarts/AyY1SLtgmf3f_Ggt/images/speed-up/4.png?fit=max&auto=format&n=AyY1SLtgmf3f_Ggt&q=85&s=d235b87c6c559f7265f5eb1c6da3551e" alt="Generated landing page draft output" style={{ marginTop: '1rem', borderRadius: '8px' }} width="538" height="1235" data-path="images/speed-up/4.png" />