用途:将 Figma 设计组件与其代码实现建立 Code Connect 映射,保持设计与代码一致。
主要能力:调用 get_code_connect_suggestions 一次性识别选区中未映射的已发布组件,返回组件名、属性、节点 ID 和缩略图;扫描代码库寻找匹配组件;调用 send_code_connect_mappings 批量创建映射。
使用方式:需先连接 Figma MCP 服务器。提供含 node-id 的 Figma URL(如 https://figma.com/design/:fileKey/:fileName?node-id=1-2),并将 node-id 的连字符转为冒号(1-2 → 1:2);使用 figma-desktop MCP 时可直接选中节点,无需 URL。流程为:获取建议、扫描代码库、向用户展示匹配结果并确认、创建映射。label 可选 React、Vue、Svelte、SwiftUI、Compose、Flutter 等。
适用场景:设计系统组件与代码组件对齐、批量映射未连接组件、从设计跳转到代码实现。
限制:组件必须发布到团队库;Code Connect 仅 Organization 和 Enterprise 计划可用;需有代码库访问权限;URL 必须含 node-id;需有文件编辑权限。若任务涉及用 Plugin API 写入画布、生成整页设计或从 Figma 实现产品代码,应改用其他技能。