Flowstep 可根據自然語言提示詞產生 UI 畫面，讓你在數秒內從構想走到視覺設計。無論你需要一個畫面來驗證概念，還是涵蓋整段使用者旅程的完整畫面組，只要寫好提示詞，就能開始。
產生設計
1
開啟新專案
在你的 Flowstep 儀表板中，建立新專案，或開啟你想新增畫面的既有專案。
2
撰寫提示詞
輸入你想要的一或多個畫面描述。請具體說明應用程式類型、使用者目標，以及你預期看到的內容。
3
指定畫面數量
Flowstep 預設只產生一個畫面。若你想要多個畫面，請在提示詞中明確說明。Flowstep 一次最多可從一則提示詞產生 6 個畫面。
4
產生
送出提示詞。Flowstep 會產生你的畫面，並在編輯器中顯示，供你檢視或調整。
當你建立新檔案並送出第一則提示詞時，Flowstep 會根據該提示詞為檔案命名，方便你日後找到。已有名稱的檔案，或已有先前提示詞的檔案，會保留原本的名稱。你也可以隨時自行重新命名任何檔案。
停止產生
Flowstep 回應期間，傳送按鈕會變成停止按鈕（Stop Flowstep response）。點擊即可停止產生。在多畫面請求中，已完成的畫面會保留在畫布上，未完成的畫面則會被移除。若 Flowstep 已開始建立畫面後才停止，仍會使用一則訊息。請參見訊息與限制。單一畫面與多個畫面
你可以從單一提示詞產生一個畫面，或最多 6 個畫面。兩種方式適用於不同的設計階段。- 一個畫面：最適合探索特定的 UI 狀態、元件或聚焦的概念。
- 多個畫面：最適合規劃流程、比較版面選項，或快速涵蓋完整的使用者旅程。
更多提示方式
文字並非唯一的輸入方式。你也可以：- 附加檔案：透過拖放、檔案選擇器或貼上，將圖片（JPG、PNG、WEBP）或文件（PDF、MD、TXT）加入提示詞，每個檔案最大 3 MB。在提示詞中參照已附加的圖片，Flowstep 會將其納入產生的畫面。請參見使用設計參考。
- 口述提示詞：點擊提示詞列中的麥克風按鈕（或在 Mac 上按下 Cmd+Shift+V，在 Windows 上按下 Ctrl+Shift+V），然後說話最多 60 秒。轉錄內容會附加在你已輸入的文字之後。
- 讓 Flowstep 研究網路：當你的提示詞需要時（例如「複製 Stripe 定價頁面」），Flowstep 可以搜尋網路、讀取頁面的品牌風格（色彩、字型、標誌、UI 元件），並用於產生的畫面。Flowstep 會自行判斷是否需要研究，因此不一定會在每則提示詞中觸發。請注意，重製的網站所用的圖片與導覽可能與原始網站不同。
- 設定設計指南：定義適用於檔案中每次產生作業的常態樣式規則。請參見設計指南。
撰寫有效的提示詞
撰寫提示詞時，請留意以下原則：- 說明平台（行動版、桌面版、平板），讓 Flowstep 正確設定畫面尺寸。
- 描述使用者的目標，而不只是 UI 元素。Flowstep 會根據意圖推斷版面。
- 若標籤、操作或資料對設計很重要，請一併納入關鍵內容。
- 使用「產生多個畫面」或「涵蓋完整使用者旅程」等用語，以觸發多畫面輸出。