用途：在 Claude Code 配合 Figma MCP 生成设计时，强制遵循既有设计系统（Design System），避免 AI 从零重建组件、写入硬编码色值或原始间距。
主要能力：包含 4 个技能。figma-preflight 做三步并行检查，加载 Token Map 与 Component Registry；component-rules 强调库优先查找、Auto Layout 模式与语义命名；figma-style-binding 强制 Variable/Style 绑定并在写入后做 QA 校验；reference-interpreter 将截图或参考图转为结构化 Design Brief。整体流程为：搜索设计系统 → 创建实例 → 绑定 token → 验证。
使用方式：需先安装 Claude Code 与 Figma MCP Server（npm install -g @anthropic-ai/figma-mcp），并准备含设计系统的 Figma 文件。克隆仓库后复制技能与配置：git clone https://github.com/senlindesign/claude2figma.git，再 cp -r .claude/skills/* 到项目 .claude/skills/，复制 settings.json 与 CLAUDE.md.template。在 CLAUDE.md 中填写 Figma 文件链接、会话目标与规则。会话开始时运行 preflight，之后按组件优先方式设计，写入后由 QA Hook 校验 token 绑定。
适用场景：基于已有设计系统构建页面、自然语言转 Figma 设计、要求 100% token 合规、在 DS 文件或已链接库中工作。
限制：不适合从零创建设计系统、像素级插画、FigJam 白板或无需设计系统的自由设计。getLocalVariablesAsync() 仅返回文件本地变量，库变量需通过 importVariableByKeyAsync 导入；变体属性需先读取 componentPropertyDefinitions 校验。许可证为 MIT。