第 1 步：明确用途与准备工作
Figma Agent 适合需要高频产出设计文档、快速迭代原型、或推动团队协作的设计师。核心价值在于将原本分散在多个工具中的任务整合到 Figma 画布中完成。
使用前需确保账户为 Professional 或更高版本，且已启用 Agent 功能。建议团队提前建立设计系统规范，并通过 Markdown 文件上传至库，作为 Agent 的上下文参考。
第 2 步：自动生成组件文档
在组件库中选中一组组件，使用 /component-handoff 或 /create-anatomy 技能，Agent 会自动分析结构、标注状态、变体与设计变量。
生成的文档可直接嵌入 Figma 文件，无需导出或切换工具，极大缩短从设计到开发交接的时间，尤其适合多平台复用的大型设计系统。
第 3 步：整合团队反馈与协作流程
通过 Granola 等工具的连接器，将会议笔记、用户反馈等外部内容同步至 Figma 画布，Agent 可自动提取关键点并标注在设计稿上。
设计者无需边开会边记笔记，可专注讨论，事后直接查看 Agent 生成的待办清单，提升协作效率与信息完整性。
第 4 步：快速生成动效与视觉表达
在动效设计场景中，使用 /find-animation-opportunities 扫描界面，推荐合适的动画时机与参数；再用 /ease-like-miggi 一键替换为符合品牌风格的缓动曲线。
即使非动效专长的设计师，也能在系统约束下生成高质量、一致性的动效，降低团队协作门槛。
常见问题与延伸建议
Agent 不会自动理解模糊需求，建议使用明确指令，如‘生成 5 种按钮文案，用于注册页，语气积极’。
自定义技能可在 Figma Community 共享，团队可复用他人成果，形成协作资产库。
要点速览
- 用 /component-handoff 自动产出开发可用的组件文档，省去手动整理时间。
- 通过连接器同步会议记录，让反馈直接标注在设计稿上，避免遗漏。
- 动效生成需配合品牌变量使用，确保风格统一。
- 自定义技能可保存为团队资产，提升协作一致性。
- 所有操作在画布内完成，无需切换工具，保持设计流连贯。
