保存、复用并更新组件库

组件库适合保存什么

组件库适合保存经过验证、会在多个页面使用的 FAQ、轮播或品牌内容。名称应说明用途与场景，不要把尚未验证的交互作为共用部件扩散。

库按档案（Profile）区分。使用前确认目标档案及查看、编辑权限；可从页面资源中插入，通过设计资源中的组件列表管理和编辑。

使用带保存的操作入库

生成结果卡片中，选择保存并替换或保存并插入画布，可以同时把组件用于页面并保存入库。是否提供替换取决于生成前的选区与页面结构。只选择替换或插入，不应假定已经保存到组件库。

保存后检查当前页中的内容与库中预览是否一致。若卡片只有简易部件而没有入库操作，回到生成要求，明确需要可复用组件，不能靠改变名称使简易部件自动拥有库能力。

在同一档案的页面插入

打开目标页面，在资源中选择组件，查看预览后插入。通常会放到当前选中内容后面，未选中时放在页面末尾；Figma 导入页有不同的放置方式，需要检查画布中的实际位置。

插入前先选择相邻位置，可以减少后续调整。Figma 页可根据情况拖动和调整大小；其他页面若位置不合适，可移除这次插入，再选定正确位置重新插入。不要误删原页面的内容。

在库中编辑，确认影响后保存

1. 在目标档案打开设计资源，进入组件列表。
2. 点击目标卡片的铅笔编辑按钮；看不到时，先确认该组件的编辑权限。
3. 在编辑界面调整名称、分类，通过 AI 指令修改内容，选择生成方案或历史版本进行预览，检查内容与交互。
4. 点击保存。修改组件内容时会显示引用页面确认，阅读影响范围后再确认保存；发生错误时先处理并确认保存成功。

也可在原对话生成新卡片后更新组件库。只适用于另一活动的改动，应考虑另存新组件。仅预览历史版本不代表已经保存或发布。

库更新、编辑器与线上不是同一步

更新库后，重新打开引用页面，检查实际使用的内容、页面单独配置、图片与尺寸。不能只看库缩略图就判断全部页面已更新。需要更新线上页面时，先检查并保存目标草稿，再重新发布并打开正式网址验证。

只修改某个活动时，应先判断是否适合另存组件，而不是更新共用版本。内容不符合预期时，先核对使用的组件与所选版本，再发布。

找不到、位置不对或删除后的检查

找不到组件时依次确认档案、保存操作是否完成、组件是否仍在库中；位置不对先检查插入前的选区。从库删除只移除库条目，已经插入页面的内容仍需分别检查和处理。不要把删除库条目当成批量撤下线上内容的方法。相关更新核对见版本和页面更新。