> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# 透過聊天或畫布編輯和迭代 Flowstep 設計
> 透過手動視覺編輯或基於聊天的提示詞優化任何 Flowstep 生成的畫面 — 迭代任意次數直到設計正確。
Flowstep 設計在生成後完全可編輯。你不會被鎖定在 AI 首次生成的內容 — 你可以直接在編輯器中調整視覺效果、使用聊天用簡單語言描述變更，或要求 Flowstep 生成變體和新畫面。使用最適合你想做的變更的任何方法。
## 兩種編輯方式
透過在畫布上選擇和修改元素直接進行變更。這種方法最適合精確調整 — 移動元件、改變色彩、更新標籤或微調間距。
點擊你的設計中的任何元件或圖層以選擇它。
使用編輯器控制項調整屬性，例如色彩、大小、位置或文字內容。
你的變更立即在畫布上應用。繼續編輯或移至下一個畫面。
用簡單語言描述你想要的變更，Flowstep 為你更新設計。這種方法對於寬泛或結構性的變更速度更快 — 調整版面配置、重新考慮一個部分或應用樣式方向。
選擇你想編輯的畫面，然後開啟聊天輸入。
輸入你想讓 Flowstep 更新的內容。如果有幫助，具體說明應該改變的內容和原因。
Flowstep 應用變更並顯示結果。如果還不完全正確，發送後續訊息以進一步優化。
編輯和重新生成會 **就地**更新所選的畫面，而不是添加新畫面 — 當 Flowstep 流傳當前正在處理的元素時，它會以綠色虛線邊框突出顯示。在未選擇畫面的情況下生成會改為添加新畫面。
## 只編輯畫面的一部分
你無需編輯整個畫面。選擇子元素 — 一張卡片、一個按鈕、一個文字標籤 — 你的聊天提示詞只適用於它，讓畫面的其餘部分保持不變。
* 使用 **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** 以還原已刪除的畫面。在編輯向錯誤方向發展後，用它回到已知的好狀態。
## 一鍵操作
除了直接編輯，你可以要求 Flowstep 探索替代方案：
* **從頭再試一次** — 要求 Flowstep 使用不同的版面配置或視覺方向生成當前畫面的新版本。
* **顯示下一個畫面** — 要求 Flowstep 生成在使用者流程中邏輯上接下來的內容。
* **讓它更漂亮** — 調整整個設計的間距、對齐和色彩。版面配置保持不變。
這些選項讓你快速迭代，而無需每次都編寫提示詞。
## 迭代以優化
設計很少在第一次嘗試時完美著陸。對每一輪反饋使用基於聊天的編輯 — 描述什麼有效以及什麼無效，Flowstep 從那裡進行調整。迭代畫面的次數沒有限制。
透過聊天進行迭代時，按名稱或位置參考特定元素以獲得更準確的結果。例如：「將行動號召按鈕移至畫面底部並使其全寬」比「修復按鈕」更有效。