用途：把 Figma 作为设计系统的唯一事实来源，将组件架构、令牌定义与交互规范转化为可被机器读取、可被 CI/CD 校验的规格，并借助 AI 辅助生成代码。
主要能力：组件属性（布尔、文本、实例交换、首选值）与变体架构；嵌套子组件与插槽模式；Category/Type/State 命名规范；变量集合分三层（原始值、语义、组件）并支持明暗、高对比、密度、品牌等多模式切换；Auto Layout 表达内边距、间距、对齐与缩放行为；Dev Mode 展示属性到代码 props 的映射、CSS 值、变量引用与标注；Figma MCP 服务器让 AI 助手读取文件结构、组件属性、变量与模式、Auto Layout 规格、样式及原型流程；设计到代码飞轮包含设计、读取、生成、校验、迭代、发布六步，配合视觉回归与无障碍测试。
使用方式：在 Figma 中按规范搭建组件与变量，通过 Dev Mode 交付；配置 Figma MCP 服务器后由 AI 读取规格生成 React、SwiftUI、CSS 代码及测试；令牌经 Style Dictionary 等工具转换并接入 CI/CD。技能内部分流参考 figma-mastery-workflows.md、design-to-code-pipeline.md、figma-mcp-ai-flywheel.md。
适用场景：设计系统建设、组件库交付、多品牌与白标架构、设计令牌流水线、AI 辅助设计转代码。
限制：资料未提供具体安装命令、收费与价格信息；实际效果取决于 Figma 文件结构规范程度，资料中的效率提升数字为经验性描述，暂未提供独立验证。