第 1 步：连接设计库，建立基础认知
将已发布的 Figma 设计库连接到 Agent，是让其理解团队设计语言的第一步。通过 Agent 聊天界面的「Libraries」选项，选择对应库，即可赋予 Agent 对组件、颜色、间距等设计资产的访问权限。
例如在搭建 checkout 流程时，Agent 可直接调用已定义的 Card/OrderSummary/Default 组件、标准按钮变体与变量，而非从零创建，确保风格统一。
第 2 步：添加指南，明确决策规则
设计库中的组件虽多，但何时用哪个、如何组合，仍需明确规则。通过在设计库中上传指南文件（Guidelines），可将团队判断固化为 Agent 的行为依据。
例如指定“下单”按钮必须使用主按钮，而“返回”使用次级按钮。这些规则会自动嵌入后续设计请求，避免每次重复说明。
第 3 步：提供实例，展示实际用法
仅靠规则不够，Agent 需要看到真实场景下的设计模式。通过在提示中附加 Figma 文件或帧，或在设计中使用「_example」命名的组件，可提供具体参照。
例如在添加收货地址表单时，附上过往设计中的字段布局与间距方式，Agent 能更准确地复制团队惯用的组合逻辑。
第 4 步：创建技能，自动化重复任务
将高频操作转化为可复用的「技能」（Skills），如自动检查组件连接、识别访问无障碍问题或清理命名错误。在 Figma 内直接编写并测试技能，提升团队整体效率。
技能可共享至社区，也可在不同项目中一键调用，实现标准化流程的自动化执行。
常见问题与建议
Agent 生成结果仍需人工审核，若发现反复出错，应检查指南是否清晰、组件命名是否规范、示例是否具有代表性。
建议定期更新库与指南，确保 Agent 始终基于最新设计标准工作。
要点速览
- 连接已发布设计库是让 Agent 理解系统的前提
- 指南文件能固化团队决策，避免重复沟通
- 用「_example」命名或附加文件，提供真实设计参考
- 将高频操作封装为技能，实现自动化执行
- 持续验证 Agent 输出，及时优化系统输入
