Skip to main content
Screenshot 2026 05 06 At 14 25 48
Flowstep 設計在生成後完全可編輯。你不會被鎖定在 AI 首次生成的內容 — 你可以直接在編輯器中調整視覺效果、使用聊天用簡單語言描述變更，或要求 Flowstep 生成變體和新畫面。使用最適合你想做的變更的任何方法。

​
兩種編輯方式

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

選擇你想改變的元素

點擊你的設計中的任何元件或圖層以選擇它。
2

進行你的變更

使用編輯器控制項調整屬性，例如色彩、大小、位置或文字內容。
3

檢視結果

你的變更立即在畫布上應用。繼續編輯或移至下一個畫面。

​
只編輯畫面的一部分

你無需編輯整個畫面。選擇子元素 — 一張卡片、一個按鈕、一個文字標籤 — 你的聊天提示詞只適用於它，讓畫面的其餘部分保持不變。
  • 使用 Shift+V 切換至 Direct selection 模式（或 Select 工具欄按鈕上的下拉菜單）以選擇點擊下的最深元素。按 V 進行正常選擇，或按住 Cmd（Mac）/ Ctrl（Windows）以暫時使用直接選擇。Escape 退出直接選擇。
  • 使用 Cmd+Shift 跨多個畫面選擇子元素 — 單個提示詞可以編輯每個訊息最多 6 個畫面。
當選擇圖片元素時（在線框模式之外），Image 面板會出現在屬性面板中：預覽圖片、透過將新圖片檔案拖到預覽上或點擊 Pick image 來交換圖片，或使用 Download image 保存它。

​
還原先前的版本

聊天歷史記錄中的每個 AI 生成都保留其原始結果。如果畫面自生成以來已被編輯或刪除，其聊天訊息會顯示 Restore 按鈕 — Restore original 以還原編輯，或 Restore / Restore all 以還原已刪除的畫面。在編輯向錯誤方向發展後，用它回到已知的好狀態。

​
一鍵操作

Screenshot 2026 05 06 At 14 29 34
除了直接編輯，你可以要求 Flowstep 探索替代方案：
  • 從頭再試一次 — 要求 Flowstep 使用不同的版面配置或視覺方向生成當前畫面的新版本。
  • 顯示下一個畫面 — 要求 Flowstep 生成在使用者流程中邏輯上接下來的內容。
  • 讓它更漂亮 — 調整整個設計的間距、對齐和色彩。版面配置保持不變。
這些選項讓你快速迭代，而無需每次都編寫提示詞。

​
迭代以優化

設計很少在第一次嘗試時完美著陸。對每一輪反饋使用基於聊天的編輯 — 描述什麼有效以及什麼無效，Flowstep 從那裡進行調整。迭代畫面的次數沒有限制。
透過聊天進行迭代時，按名稱或位置參考特定元素以獲得更準確的結果。例如：「將行動號召按鈕移至畫面底部並使其全寬」比「修復按鈕」更有效。