添加轮播、折叠问答与动态组件

先选择部件或可复用组件

先决定使用标准部件还是通过 AI 制作。Figma 导入页中，可点击顶部“＋”，在交互部件分类选择轮播、FAQ、标签页或表单等进行添加；随后选中部件，检查可配置字段并在预览中测试。

下面说明如何用已有文字、图片制作可复用的 AI 组件。先确定所需交互、默认状态及日后要修改的字段，不能仅凭外观判断功能完成。

按页面类型与高度变化整理选区

1. 需要替换已有内容时，在画布选中完整目标。FAQ 应包含问题与答案，而非只有标题；轮播应包含需要保留的图片和操作元素。
2. 网页导入页若只选到内部元素，通过选区工具条选择父级，直到一个选区覆盖完整目标。不要默认可以把多个分离范围一起原地替换。
3. 需要新增内容时，不指定替换已有部分，生成后从结果卡片插入。Figma 导入页需要空白区域时，可从顶部“＋”的布局分类添加空白区块。

FAQ 展开会改变高度，应选择不会与后续内容重叠的位置。插入或替换取决于生成前的选区及结果卡片操作，应用后必须核对位置与原内容。

明确内容数量与默认状态

1. 打开编辑器中的 AI 对话，检查选区提示；新增内容时写清需要添加什么及位置。
2. 明确要求“制作成可复用组件”，并指定交互。FAQ 写清问题与答案、初始状态及能否同时展开多项；轮播写清全部图片、箭头、圆点、自动播放和循环方式。
3. 需要日后修改的文字、图片，要求开放为配置字段，然后发送。

例如：“保留这三组问答，制作默认全部折叠、一次只展开一项的 FAQ。做成可复用组件，允许通过设置修改每组问题和答案。”生成中等待完成或错误提示。

检查结果卡片再应用

1. 在结果卡片预览中核对数量、默认状态、交互和可配置字段。
2. 修改原选区时选择替换；需要同时入库时，选择保存并替换或保存并插入。
3. 没有替换操作时，确认原选区是否仍存在，并使用可用的插入操作。先检查新组件已正确添加，再整理重复的旧内容。
4. 在页面预览中实际展开 FAQ、切换轮播，核对位置及对后续内容的影响，然后保存。

出现结果卡片不代表已经应用到页面。若只保存入库成功、插入失败，按卡片提示重试插入并检查画布。

区分生成中的停止和应用后的撤销

需要中止生成时，使用当前生成界面的停止操作，然后检查停止状态和画布内容。通过卡片应用与生成中直接更新画面的方式不同，不应把中间结果当作已保存内容。

需要撤回已应用修改时，使用编辑器撤销并确认目标改动已恢复，在需要的位置停止，避免连续撤回更早的编辑。重新生成前，检查当前保留的内容与下一次指令。

表单外观不等于提交记录

页面出现表单且能点击提交，不代表提交内容一定会保存。标准表单、导入的 HTML 表单和 AI 生成部件的配置入口与发送目标可能不同，不能把外观生成完成当成记录功能或外部系统连接已完成。

Figma 导入页使用标准表单时，从顶部“＋”的交互部件中添加表单，配置字段与提交动作。通过页面检查中的表单项确认目标，发布后做测试提交，检查所需字段是否到达指定保存位置。仅操作预览不等于已验证数据记录。

分步输入、按答案分支、计分和诊断结果是不同需求，应逐项列出并结合实际接收位置验证。

在真实操作状态下验收

在桌面与手机预览中逐个点击，检查键盘操作、长答案、最后一张图和错误输入。多步表单在画布中可能同时显示全部步骤，应以预览判断逐步体验。保存复用见组件库指南；只有文字回复、没有新卡片时，可在原对话中明确要求输出新版本组件。