Figma 的设计代理已于 2026 年 10 月 6 日正式发布(结束 Beta 转为正式版),而它正式发布后的核心扩展机制正是 Agent Skills——一份份 Markdown 写成的可复用指令集,教代理"这类活我要求这样干":层级怎么排、间距用几像素网格、文案怎么审,教会一次即可随时触发。Mockuuups Studio 的这篇盘点梳理了当前生态里最值得装的 10 个技能,本文按"技能是什么、怎么装、十个精选、组合流水线、与 MCP 的关系、行动建议"组织全文。
1、技能是什么
一句话定义:技能是给 Figma 代理(以及 Figma Make)的可复用指令集——一组小 Markdown 包,写清你希望某类工作如何完成。教会一次,之后用斜杠命令随时触发,比如敲 /better-interface 就对选中界面做一轮打磨。
它解决的是"重复交底"问题:层级怎么排、间距用几像素网格、文案怎么审——这些审美与流程偏好,以前要每次口头交代,现在沉淀成一份 .md 文件,代理次次照办。技能还可自建:让代理代拟草稿、直接上传 Markdown 文件,或在 Skills 面板手动添加皆可。
2、从哪里安装
技能的集散地是 Figma Community:进入 Figma Community 的 Extensions → Skills 分类,对任意技能选择 Try in a file 直接试用,或 Save for later 收藏。使用时在文件里敲 /技能名,或走 Skills → Use skills 菜单。
一个已知的限制要记:一条提示里点名多个技能时,只有第一个会执行。想串起多步流程,要么依次发送,要么参考下文的流水线顺序手动编排。
3、十个精选技能
盘点的 10 个技能按用途分组如下:
| 技能 | 做什么 |
|---|---|
/better-interface |
对层级、字排、间距、可访问性、微文案做整体打磨 |
/superfuture-design-review |
结构化评审,按红黄绿三档给出问题清单 |
/spacing-audit |
对照 4/8pt 网格检查内边距与间距,出前后对比 |
/balise-ux-writing |
审查并重写界面文案 |
/desktop-to-mobile |
生成 390px 移动端适配帧与汉堡导航,桌面版原样保留 |
/component-handoff |
为组件集生成画布上的交接文档 |
/create-anatomy |
打编号的解剖标注加属性表 |
/analyze-components |
组件清点:揪出孤儿、重复、命名漂移 |
/design-system-gen |
从你的实际图层提取起步版设计令牌与组件 |
/find-animation-opportunities |
标出缺动效与动效多余的位置 |
前四个偏"审"——把资深设计师的眼睛标准化;中间四个偏"产"——自动生成适配、文档与标注;最后两个偏"治"——设计系统的清点与冷启动,design-system-gen 从存量图层反推令牌,是治理老项目的好起点。
4、推荐流水线
单技能好用,组合起来才是完整工序。文章给出的推荐顺序如下:先 /spacing-audit 对齐基础网格,再 /better-interface 做整体打磨,/balise-ux-writing 过文案,/superfuture-design-review 收一轮结构化评审;交付侧接 /component-handoff 或 /create-anatomy 出文档,需要移动端就 /desktop-to-mobile,最后 /find-animation-opportunities 补动效清单。
考虑"一次提示只跑第一个技能"的限制,实操建议把这条链存成个人 checklist,按步发送;对高频组合,不妨自己写一份聚合技能 Markdown,把多步偏好合成一条命令。
5、技能与 MCP 的分工
技能与 MCP 不是竞争关系,而是两层机制。技能负责教方法——用自然语言定义工作标准与流程偏好;MCP 负责给通道——让 Claude Code、Cursor、Codex 等外部代理能读写 Figma 的数据与画布。在 Figma 之外的环境里,技能也常经 MCP Server 生效,Figma 官方同样发布面向 MCP 的技能与基础画布技能,供编码代理调用。
这与其他工具的生态结构完全同构:Anthropic 的 knowledge-work-plugins 是岗位知识包,Superpowers 是工程纪律包,Figma Skills 则是设计方法论包——Markdown 定义方法、宿主提供能力、MCP 打通数据,三者拼成完整拼图。
6、行动建议与注意事项
上手三步:进 Community → Extensions → Skills,先收藏 /spacing-audit 与 /better-interface 两个立刻见效的;在一个真实文件上各跑一次,看产出是否合口味;再按需补齐流水线其余环节。
注意事项有三点:设计代理已正式版,运行消耗与 Figma Make 同池的 AI 额度,高频技能注意用量;技能质量取决于作者的审美,第三方技能先试再信,关键项目可 fork 改造成自家版本;文中 10 个技能来自第三方盘点而非官方清单,Community 里技能在持续新增,值得定期逛逛。
7、总结
Figma Agent Skills 把设计方法论做成了 Markdown 插件:教一次、处处生效,Community 一键安装,/spacing-audit 到 /design-system-gen 的十个精选覆盖审查、产出与系统治理,串成流水线就是一条标准化的设计工序。它与 MCP 一教方法一给通道,共同构成 Figma 的 AI 工作流底座。
对于每天和 Figma 打交道的设计师,建议今天就装两个技能试跑——先用间距审计暴露存量问题,再用界面打磨感受代理的审美上限;团队则可以把评审 checklist 沉淀成自家技能,让设计标准像代码规范一样可执行。


