Skip to main content
Screenshot 2026 05 06 At 14 25 48
Flowstep 设计在生成后完全可编辑。您不会被 AI 最初生成的结果所限制 — 您可以在编辑器中直接调整视觉效果,使用聊天用自然语言描述更改,或要求 Flowstep 生成变化版本和新屏幕。根据您想要进行的更改,选择最合适的方法。

两种编辑方式

通过选择和修改元素直接在画布上进行更改。这种方法最适合精确调整 — 移动组件、更改颜色、更新标签或调整间距。
1

选择要更改的元素

单击设计中的任何组件或图层以选中它。
2

进行更改

使用编辑器控件调整属性,如颜色、大小、位置或文本内容。
3

查看结果

您的更改会立即在画布上应用。继续编辑或转到下一个屏幕。

仅编辑屏幕的一部分

您不必编辑整个屏幕。选择子元素 — 一张卡片、一个按钮、一个文本标签 — 您的聊天提示词将仅应用于该元素,保留屏幕的其余部分不变。
  • 使用 Shift+V (或选择工具栏按钮上的下拉菜单)切换到直接选择模式,以选择单击下的最深层元素。按 V 进行普通选择,或按住 Cmd (Mac) / Ctrl (Windows) 临时使用直接选择。按 Escape 退出直接选择。
  • 使用 Cmd+Shift 跨多个屏幕选择子元素 — 单个提示词可以编辑每条消息中最多 6 个屏幕。
选中图像元素时(在线框模式之外),属性面板中会显示图像面板:预览图像、通过将新图像文件拖到预览上或单击选择图像来交换图像,或使用下载图像保存图像。

恢复以前的版本

聊天历史中的每个 AI 生成都会保留其原始结果。如果屏幕自生成后已被编辑或删除,其聊天消息会显示恢复按钮 — 单击恢复原始以还原编辑,或恢复 / 恢复全部以恢复删除的屏幕。当编辑朝着错误的方向进行时,使用它返回已知的良好状态。 将鼠标悬停在聊天面板中的任何消息上以查看发送时间。最近的消息显示时间;较早的消息显示发送以来经过多长时间(例如”1 天前”),工具提示中显示完整的日期和时间。

一键操作

Screenshot 2026 05 06 At 14 29 34
除了直接编辑之外,您还可以要求 Flowstep 探索替代方案:
  • 从头开始重试 — 要求 Flowstep 以不同的布局或视觉方向生成当前屏幕的新版本。
  • 显示下一个屏幕 — 要求 Flowstep 生成用户流程中逻辑上的下一步。
  • 让它看起来漂亮 — 调整整个设计中的间距、对齐和颜色。布局保持不变。
这些选项使您可以快速迭代,无需每次都编写提示词。

迭代以精细调整

设计很少在第一次尝试时就完全正确。对于每轮反馈,使用基于聊天的编辑 — 描述什么有效以及什么无效,Flowstep 从那里进行调整。您可以无限次地迭代屏幕。
通过聊天迭代时,按名称或位置引用特定元素以获得更准确的结果。例如:“将行动号召按钮移到屏幕底部并使其全宽”比”修复按钮”更有效。