用途：把 Figma 设计落地到现有代码库，而不是生成脱离项目的独立页面。核心原则是仓库优先：先检查项目结构、组件、样式与令牌体系，再参考 Figma 生成的代码，本地代码优先于生成代码。
主要能力：实现 UI（从 Figma URL、frame、组件或桌面选区构建与仓库集成的界面）；令牌映射（按语义角色把 Figma 变量对应到项目令牌系统）；规则生成（为后续智能体运行生成或更新项目级 Figma 工作流规则）；Code Connect（把已发布的 Figma 库组件链接到代码实现，需符合资格的 Organization/Enterprise 计划及 Dev 或 Full 席位）。
使用方式：先选择命令再使用 Figma MCP，命令边界不混用。/figma-to-code implement 用于从设计构建 UI；/figma-to-code tokens 用于提取、导入、同步或比较 Figma 变量与设计令牌；/figma-to-code rules 用于创建设计系统规则；/figma-to-code code-connect 用于组件映射。默认在用户提供设计并要求代码时使用 implement。流程包括：确定目标设计（优先 Remote MCP，必要时用 Desktop MCP 选区）、检查目标项目、发现当前 MCP 工具与 schema、按仓库实际技术栈传入 clientLanguages 与 clientFrameworks 获取设计上下文、尽早截图、必要时用 metadata 缩小大响应、下载 MCP 返回的素材、复用本地组件与令牌实现、逐单元对照 Figma 修正、最后运行类型、lint、测试、构建与视觉检查。
适用场景：已有代码库中按设计稿实现或更新界面、同步设计令牌、沉淀项目级设计系统规则、建立 Figma 组件与代码组件的映射。
限制：MCP 输出只是草稿翻译，需按仓库架构与可访问性调整；创建或编辑 Figma 对象、生成 FigJam 图表、从代码生成完整设计或设计系统等写入类工作不属于本技能，应使用宿主对应的写入技能；Code Connect 有 Figma 计划与席位要求；实现完成后不能只做一遍，需按截图与设计上下文做逐单元和整体修正，并记录跳过的修正或剩余视觉风险。具体工具名、调用预算、修正步骤与故障处理见其 references 目录下的参考文件。