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