這是將想法轉化為乾淨、可編輯的Frame的最快方式,該Frame與您現有的 Figma 設計style相匹配。 本指南通過簡單的說明和視覺示例引導您完成每個Step。
1.打開插件並選擇Kick Start
從 Figma 插件選單中打開 prompt.to.design。在頂部導航中,點擊 Kick Start 標籤以開始新的佈局生成。

2. 選擇設備和佈局尺寸
選擇是否要生成 Web 或 Mobile 佈局。然後選擇適合您的項目的佈局尺寸(例如,桌面 1440 像素、移動設備 390 像素)。

3.描述你想要生成的頁面
在提示框中輸入頁面的簡短而清晰的描述。您可以描述佈局結構、部分、頁面用途或樣式首選項。 提示示例:
“現代化的儀表板,帶有左側邊欄、頂部導航和四張統計Card。乾淨且簡約。“

4.(可選)添加圖像或文檔參考
如果您希望 AI 遵循特定的style或視覺佈局,您可以上傳屏幕截圖、UI 參考或文檔。 該參考將在插件內display為小縮略圖。
5. 單擊”生成”並查看佈局預覽
單擊 生成 以啟動 AI 流程。生成完成後,該插件將display佈局預覽選項。
滾動或單擊預覽以在插入之前檢查設計。


6. 將佈局插入 Figma
選擇您喜歡的佈局並點擊 插入。新的Frame將添加到您的 Figma 畫布中。
所有生成的圖層都是原生 Figma 元素,完全可編輯並準備好進行迭代。

概括
Kick Start 允許您:- 在幾秒鐘內從想法到佈局
- 生成乾淨、可編輯的 Figma Frame
- 使用 prompt-to-design,可以帶或不帶參考圖像
- 無需手動繪製線框圖即可快速啟動您的工作流程

