Skip to main content
Screenshot 2026 05 06 At 14 25 48
Flowstep 設計在生成後完全可編輯。您不會被限制在 AI 最初產生的內容 — 您可以在編輯器中直接調整視覺效果、使用聊天以純文字方式說明更改,或要求 Flowstep 生成變數和新畫面。根據您想要進行的更改類型選擇最適合的方法。

兩種編輯方式

透過在畫布上選擇和修改元素來直接進行更改。此方法最適合精確調整 — 移動元件、改變顏色、更新標籤或調整間距。
1

選擇您想要更改的元素

按一下您設計中的任何元件或圖層來選擇它。
2

進行您的更改

使用編輯器控制項來調整屬性,例如顏色、大小、位置或文本內容。
3

檢視結果

您的更改會立即在畫布上套用。繼續編輯或移至下一個畫面。

只編輯畫面的一部分

您不必編輯整個畫面。選擇一個子元素 — 卡片、按鈕、文字標籤 — 您的聊天提示只會套用到它,保留畫面其餘部分不變。
  • 使用 Shift+V 切換到直接選擇模式(或 Select 工具列按鈕上的下拉選單)以選擇您點擊底下最深的元素。按 V 進行一般選擇,或按住 Cmd(Mac)/ Ctrl(Windows)以暫時使用直接選擇。按 Escape 可退出直接選擇。
  • 使用 Cmd+Shift 跨多個畫面選擇子元素 — 單一提示詞最多可編輯 6 個畫面。
選擇影像元素時(在線框模式外),屬性面板中會出現影像面板:預覽影像、透過將新影像檔案拖曳到預覽或按一下選擇影像來交換它,或使用下載影像儲存它。

還原先前的版本

聊天記錄中的每個 AI 生成都會保留其原始結果。如果某個畫面自生成以來已被編輯或刪除,其聊天訊息會顯示還原按鈕 — 還原原始以還原編輯,或還原 / 全部還原以恢復已刪除的畫面。使用它在編輯朝著錯誤方向進行後回到已知良好的狀態。 將滑鼠懸停在聊天面板中的任何訊息上以查看其傳送時間。最近的訊息顯示時間;較舊的訊息則顯示傳送已有多久(例如「1 天前」),工具提示中顯示完整日期和時間。

一鍵操作

Screenshot 2026 05 06 At 14 29 34
除了直接編輯外,您可以要求 Flowstep 探索替代方案:
  • 從頭開始重試 — 要求 Flowstep 使用不同的版面配置或視覺方向為目前畫面產生全新版本。
  • 顯示下一個畫面 — 要求 Flowstep 產生在使用者流程中邏輯上接下來的內容。
  • 讓它看起來更美觀 — 調整整個設計的間距、對齊和顏色。版面配置保持不變。
這些選項讓您可以快速迭代,而無需每次都寫入提示詞。

迭代以精煉

設計很少在第一次嘗試時完美著陸。針對每輪意見回饋使用對話式編輯 — 說明什麼有效,什麼無效,Flowstep 會據此進行調整。您可以無限次數地反覆迭代畫面。
在透過聊天進行迭代時,透過名稱或位置參考特定元素以獲得更準確的結果。例如:「將號召行動按鈕移到螢幕底部並將其設為全寬」比「修復按鈕」更有效。