修改文字、布局与组件内容
根据页面类型和修改范围选择直接编辑、局部 AI 修改或组件设置。
先确定改一处还是改方向
修正错字、重写说明或调整留白时,先把目标缩小到具体元素。受众或整页逻辑改变时,先回看企划。
下方手动编辑示例适用于网页与 HTML 导入页。这类页面可以直接改文字、换图、改链接,也支持对选区进行 AI 编辑。Figma 导入页和从企划生成的页面操作位置有所不同,使用时确认当前选区和操作名称。
修改文案时保持含义一致
- 在网页导入页编辑器中,点击需要修改的文字。
- 从选区工具条打开文字编辑,或双击文字后输入。
- 点击编辑对象外部,确认本次文字修改;若要取消当前输入,在编辑中按 Esc。
- 检查标题换行、相邻图片、按钮与下一板块,再使用顶部保存操作保存草稿。
精简时保留价格条件、适用对象和否定词。按钮文案应符合点击后的实际动作。日中换行不能只按字数估算,应分别检查电脑与手机。
给局部修改明确的保留项
- 选中要修改的文字或区块。网页导入页若只选到内部文字,可用工具条的选择父级操作扩大范围,确认选框围住目标区块。
- 打开选区工具条中的 AI 编辑,写清改动与保留项。例如:“缩小这块上下留白,保留所有文案、图片、链接和板块顺序。”
- 比较生成方案与原内容,选定方案后确认应用;不符合要求时先不应用,调整指令。
- 检查相邻区块及电脑、手机布局,再保存。
选区不清楚时不要直接要求“整体修改”。使用整页 AI 对话时,也应明确范围与不变条件。
组件修改需要应用新版本
生成的组件可以在原对话中继续修改。确认输入框上方是该组件的修改状态;若选中了其他内容,可点击对话中的组件卡回到修改。新卡片出现后仍需选择替换或保存并替换,文字回复本身不会更新画布。
已保存的组件还可选择更新组件库或另存新组件。前者可能影响其他引用页面,后者用于保留不同版本。线上页面应在重新发布后核对,不能把编辑器变化当成已上线。
设置面板只开放已配置内容
- 在画布选中组件,检查是否出现设置操作。
- 网页导入页中的组件需要作为库组件保存并插入或替换,且提供了配置字段。尚未入库的生成结果,可在卡片选择保存并插入或保存并替换,然后重新选中。
- 打开设置,修改显示的文字、图片等字段;使用图片网址时确认它可以访问。
- 预览核对修改位置,再保存。
已入库不代表所有属性都能配置,没有开放的字段不会出现。设置为空时,可在原对话或组件库编辑中要求修改或增加字段。Figma 导入等页面可能可直接设置内联组件,不能把同一入库前提套用到所有页面。
修改后做三层检查
先核对内容事实,再看桌面与手机布局,最后测试链接与交互。重点检查较长标题、FAQ 展开高度、轮播切换和图片替换后的裁切。若组件多出一份,先确认原内容是否被实际替换,再删除重复项。有关版本与上线差异,见版本和更新。