Figma 设计 Agent 上线 Skills 功能，社区贡献十大实用技能

Figma 在其 AI 设计 Agent 中正式上线 Skills（技能）功能，允许设计师通过纯文本 markdown 指令扩展 Agent 的能力边界，并展示了来自 Figma Community 的精选社区技能案例。这一更新让设计师可以把个人的设计判断、风格偏好和工作流模板沉淀为可复用、可共享的「技能包」。

什么是 Skills：为 Agent 装上个人经验

Skills 是结构化的 markdown 文件，以有序指令或引导式提示的形式让 Agent 按照你的方法论工作。表面上看，它更像工程师的工具，但 Figma 设计师 Miggi 在文章中指出，它其实非常适合沉淀「每位设计师随身携带的观点与判断」。Miggi 的顿悟时刻来自一次动效教程——他写了一个 /ease-like-miggi 技能，把个人常用的缓动曲线应用到关键帧上；当他团队其他人在工作流中使用这个技能时，他们的动效风格开始和自己保持一致。

如何在 Figma 中创建 Skills

即日起，设计师可以直接在 Figma 内与 Agent 协作编写技能：

• 让 Agent 以设计画板为参考创建技能，或基于你提供的具体步骤和规范生成；
• Agent 草拟后可预览，并在对话中立即投入使用；
• 测试过程中持续迭代——修改步骤、调整格式、请求建议，或直接打开 markdown 编辑器手动调整。

社区精选的实用技能（前 6 个完整披露）

Figma 团队从 Figma Community 收集并筛选了 10 个优秀技能，原文完整展示了以下 6 个：

1. /xray-scan — 给图像加 X 光效果

作者：自由设计师 Adele Ix。把照片或文字描述转化为逼真的 X 光影像，可直接生成「黑底发光白」与「白底柔和暗」两种效果。Adele 表示自己热衷拼贴，多张单色 X 光叠加即可形成层次丰富的拼贴作品。

2. /find-animation-opportunities — 找出缺失的动效

作者：Linear 设计师 Emil Kowalski。扫描设计稿，识别「该动却没动」或「不该动却在动」的地方，并给出具体动效建议、位置与数值。可在 Figma Motion 中手动实现，也可让 Agent 直接应用。Emil 建议聚焦单个画板并补充目标用户等上下文，以获得更精准的结果。

3. /camera-pan-and-zoom — 为静态构图加上运镜

作者：Figma 设计师 Mallory Dean。为选中内容搭建摄像机图层结构（camera rig），模拟真实摄影中的推、拉、摇等运镜。例如先在一组卡片之间巡游，再拉远回到全局视图，全程无需触碰设计中的关键帧。

4. /better-interface — 检查界面细节

作者：Interfere 的 Jakub Krehel。把作者本人关于排版、布局、可访问性、动效与文案写作的界面规范注入 Agent。从好产品到优秀产品的差距往往不在单点，而在于大量被忽视的小细节——这一技能把那些「不易察觉」的最佳实践沉淀下来。

5. /component-handoff — 自动生成组件交付文档

作者：Itti Digital 的 Mauro Berteri。选中一个组件或组件集，即可在画板上生成完整文档：含名称、版本、负责人与描述的头部、实时预览、变体网格、Do's & Don'ts、交互与状态拆解、完整组件解剖图。Mauro 表示，这一技能把多年沉淀的成熟交付结构打包成可一键复用的模板，可扩展、可预测、100% 可在画布上编辑。

6. /create-color — 把颜色映射回设计令牌

作者：Uber 设计师 Ian Guisard。将选中的 Figma 组件转为完整色彩规范：把每个可见的填充、描边、阴影映射到对应的设计令牌或样式，标记硬编码颜色，并在不同变体与状态下记录结果。Ian 以包含多种类型、状态与色彩模式的按钮组件为例，演示了这一技能如何让色彩规范保持与设计系统同步。

更深层的意义：把设计系统延伸到 AI 指令层

Figma 此次更新把「技能」正式纳入 Agent 体系，本质上是把用户可扩展的能力层引入了 AI 设计工具。设计师无需编写代码，就能把个人或团队的判断沉淀为可复用、可共享的工作流——这与设计系统（design system）的理念一脉相承，只是载体从组件库拓展到了 AI 指令。原文还展示了另外 4 个社区技能，但摘录中未包含其完整说明。