第 1 步:明确维护目标并准备上下文
设计系统持续维护是团队协作的隐形负担。Figma Agent 能帮你自动处理命名规范、组件使用检查、文档生成等重复任务。开始前需确保设计库已正确命名、组件与令牌关联清晰,并在文件中保留清晰的结构,以便 Agent 理解上下文。
建议将关键规则(如命名规范、组件使用原则)写入库的说明中,这样 Agent 在执行任务时能自动获取上下文,无需每次都重复说明。
第 2 步:自动生成与更新文档
通过 @-mention 引用组件,Figma Agent 可快速生成使用说明,包括推荐的变体、属性配置、API 建议(如合并布尔值为枚举)。这能帮助开发者快速理解组件用法,减少来回沟通。
文档可自动关联到组件,当系统更新时,Agent 也能提示更新文档,确保信息始终与实际一致。
第 3 步:识别并修复偏离系统的设计
当新设计引入未使用的组件或硬编码值时,Agent 可扫描页面,标记出未遵循系统规范的部分。例如,发现一个自定义按钮与现有 Button/Secondary 组件重复,或使用了非标准颜色/间距值。
只需在提示中输入“替换为系统组件”,Agent 即可批量替换指定元素,大幅减少手动调整的工作量。
第 4 步:统一命名与验证令牌使用
对命名不一致的组件(如 hover、hovered、mouse-over)进行统一,Agent 可扫描全库并批量替换为统一命名规范。同时,可将通用图标名如 icon_1 改为 descriptive_icon_name,提升可读性。
Agent 还能检查组件是否使用了正确的设计令牌(token),例如发现某个按钮的间距未使用共享的 spacing token,而是硬编码为 8px,可立即提示修复。
常见问题与延伸建议
Agent 的输出质量高度依赖输入上下文,建议在库中添加说明文档或使用 Figma Skills 将常用规则固化。此外,对 AI 生成的设计稿也应执行同样检查,避免引入系统外元素。
注意:Agent 无法完全替代人工审核,关键决策仍需设计团队确认,尤其在涉及品牌或体验核心逻辑时。
要点速览
- 用 @-mention 提示 Agent 批量替换组件,避免手动调整
- 将命名规范和使用规则写入库说明,提升 Agent 理解力
- 定期用 Agent 检查组件是否使用了正确的设计令牌
- 自动生成文档,减少开发者与设计师的沟通成本
- 对 AI 生成的设计稿也执行系统一致性检查