两种编辑方式
- 手动视觉编辑
- 基于聊天的编辑
通过选择和修改元素在画布上直接进行更改。这种方法最适合精确调整 — 移动组件、更改颜色、更新标签或微调间距。
1
选择您要更改的元素
点击设计中的任何组件或图层来选择它。
2
进行更改
使用编辑器控件调整颜色、大小、位置或文本内容等属性。
3
审查结果
您的更改会立即应用于画布上。继续编辑或移至下一个屏幕。
仅编辑屏幕的一部分
您不需要编辑整个屏幕。选择一个子元素 — 一张卡片、一个按钮、一个文本标签 — 您的聊天提示词仅适用于它，屏幕的其余部分保持不变。- 使用 Shift+V 切换到直接选择模式（或单击”选择”工具栏按钮上的下拉菜单），以选择点击下的最深层元素。按 V 进行正常选择，或按住 Cmd (Mac) / Ctrl (Windows) 以临时使用直接选择。Escape 退出直接选择。
- 使用 Cmd+Shift 跨多个屏幕选择子元素 — 单个提示词可以每条消息编辑最多 6 个屏幕。
恢复之前的版本
聊天历史中的每个 AI 生成都保留其原始结果。如果屏幕自生成以来已被编辑或删除，其聊天消息会显示恢复按钮 — 使用恢复原始来恢复编辑，或使用恢复 / 全部恢复来恢复已删除的屏幕。在编辑出现偏差后，使用它来回到已知的良好状态。一键操作
- 从头再试 — 要求 Flowstep 使用不同的布局或视觉方向生成当前屏幕的新版本。
- 显示下一个屏幕 — 要求 Flowstep 生成在用户流中逻辑上的下一步。
- 美化一下 — 调整整个设计的间距、对齐和颜色。布局保持不变。