从企划制作第一个页面

准备可以直接使用的输入

本流程适用于从企划制作页面。确认目标档案，新建或打开已有企划；在“基本信息”中分别选中至少一项用户画像、产品、渠道和目标资产，并补充品牌条件与素材。具体选择方法见设置基本信息。

从 Figma、已有网页或 HTML ZIP 开始时，使用各自导入入口，不必先完成企划。

用线框检查内容顺序

1. 在基本信息点击“进入构成”，检查生成的标题、说明和按钮文案，确认需要的调整，并保留至少 3 个板块。
2. 点击“进入线框”，等待生成完成。
3. 对照构成核对标题顺序、证据、CTA 和必要条件，分别检查电脑与手机视图。

区分占位图与已确认素材。在此阶段先修正结构和文案问题，不要只因画面完整就认为内容已确认。

从线框进入编辑器

1. 确认线框至少有 3 个板块，且生成、同步均已完成。
2. 点击底部“进入编辑器”，等待页面准备完成。
3. 进入编辑画面后核对页面名称与内容。线框 HTML 会成为页面草稿，之后可继续调整图片和视觉。

同一企划已经关联页面时，再次交接可能更新该页面的草稿，并非每次都新建独立页面。若已在编辑器中修改过内容，交接前先确认这些改动和要更新的页面。

无法进入时与进入后的检查

“进入编辑器”不可用时，检查板块数、生成与同步状态及当前提示；正在保存或恢复时先等待完成。出现错误后保留原文，按生成与交接排错检查当前阶段。

打开页面后复核文案、占位图、按钮与顺序。进入编辑器不代表已发布；不要保留未经确认的价格或保证，交互部件也需单独测试。

先修正高影响问题

先修正事实错误、错误跳转和缺少条件，再处理文字溢出、手机布局与视觉细节。将修改范围限定到一个区块或明确的元素，说明要保留的内容，修改后检查相邻部分是否受到影响。

需要动态效果时，先确认页面使用了实际可设置的部件。把静态图形转成可复用组件是独立任务，不要期待重新生成整页一定会解决所有交互。

例如选中目标区块，通过 AI 编辑说明“保留全部申请条件与链接，只缩小留白”。比较应用前后，按文字与布局编辑完成检查和保存。

以预览和实际访问结束制作

页面完成后请其他成员按目标任务走一遍：理解主要说明、点击按钮、填写表单、返回并继续阅读。记录他们在哪一步不清楚，而不只问“好不好看”。完成发布前检查后，再核对公开地址。上线后观察实际用户反应，将结论作为下一次企划的依据，不能仅凭生成速度评价页面质量。