> ## 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** 切换到**直接选择**模式（或单击"选择"工具栏按钮上的下拉菜单），以选择点击下的最深层元素。按 **V** 进行正常选择，或按住 **Cmd** (Mac) / **Ctrl** (Windows) 以临时使用直接选择。**Escape** 退出直接选择。
* 使用 **Cmd+Shift** 跨多个屏幕选择子元素 — 单个提示词可以每条消息编辑最多 6 个屏幕。
选择图像元素时（在线框模式之外），属性面板中会出现**图像**面板：预览图像、通过将新图像文件拖到预览中或单击**选择图像**来替换它，或通过**下载图像**保存它。
## 恢复之前的版本
聊天历史中的每个 AI 生成都保留其原始结果。如果屏幕自生成以来已被编辑或删除，其聊天消息会显示**恢复**按钮 — 使用**恢复原始**来恢复编辑，或使用**恢复** / **全部恢复**来恢复已删除的屏幕。在编辑出现偏差后，使用它来回到已知的良好状态。
## 一键操作
除了直接编辑，您还可以要求 Flowstep 探索替代方案：
* **从头再试** — 要求 Flowstep 使用不同的布局或视觉方向生成当前屏幕的新版本。
* **显示下一个屏幕** — 要求 Flowstep 生成在用户流中逻辑上的下一步。
* **美化一下** — 调整整个设计的间距、对齐和颜色。布局保持不变。
这些选项让您无需每次都编写提示词就能快速迭代。
## 迭代优化
设计很少在第一次尝试时完美呈现。对反馈的每一轮使用基于聊天的编辑 — 描述哪些有效以及哪些无效，Flowstep 据此进行调整。您对屏幕迭代的次数没有限制。
通过聊天迭代时，按名称或位置引用特定元素以获得更准确的结果。例如："将行动号召按钮移至屏幕底部并使其全宽"比"修复按钮"更有效。