Skill 多语言阅读指南
figma-code-connect-components用途、用法与原始来源
使用 Code Connect 映射工具将 Figma 设计组件连接到代码组件。当用户说“代码连接”、“将此组件连接到代码”、“映射此组件”、“将组件链接到代码”、“创建代码连接映射”或希望在 Figma 设计与代码实现之间建立映射关系时，可以使用此功能。对于画布写入操作，可通过以下方式进行：use_figma， 使用figma-use。
原文采集时间:
- 来源仓库
- openai/skills
- SKILL.md
skills/.curated/figma-code-connect-components/SKILL.md- 仓库 Star
- 28,420
- 仓库最近更新
- 2026/10/29
- 能力分类
- 设计
- 最近采集时间
许可：未标明
流程片段用于帮助阅读上游说明。本页没有执行第三方 Skill，不属于实测评测。
下面的用途和操作片段来自上游文档，由本站整理并翻译，和另行标注的 Codez 编辑分析分开展示。
这个 Skill 能做什么
使用 Code Connect 映射工具将 Figma 设计组件连接到代码组件。当用户说“代码连接”、“将此组件连接到代码”、“映射此组件”、“将组件链接到代码”、“创建代码连接映射”或希望在 Figma 设计与代码实现之间建立映射关系时，可以使用此功能。对于画布写入操作，可通过以下方式进行：use_figma， 使用figma-use。
如何使用：上游操作流程
概述
这项技能可以帮助您使用 Figma 的 Code Connect 功能将 Figma 设计组件与其对应的代码实现连接起来。它会分析 Figma 设计结构，在您的代码库中搜索匹配的组件，并建立保持设计与代码一致性的映射关系。
原文片段 · L8 ↗步1获取 Code Connect 建议
称呼get_code_connect_suggestions一次性识别所有未映射的组件。此工具会自动执行以下操作：从 Figma 场景图中提取组件信息；识别所选区域中已发布的组件；检查现有的 Code Connect 映射并过滤掉已连接的组件。
get_code_connect_suggestions(fileKey=":fileKey", nodeId="1:2")环境与依赖
先决条件
Figma MCP 服务器必须已连接且可访问；用户必须提供带有节点 ID 的 Figma URL：https://figma.com/design/:fileKey/:fileName?node-id=1-2
限制与结果检查
本次未从该文件选出独立的限制片段，不代表适用于所有输入或环境。请阅读完整原文，并自行验证实际结果。
开始使用前
- 先核对支持的 Agent 宿主和仓库安装说明。保留完整 Skill 目录及其引用的脚本、资源和文档，只复制 SKILL.md 可能漏掉依赖。
- 向 Agent 提供实际输入、期望输出和验收标准。调用方式与可用工具取决于宿主环境，本站不假定存在通用的安装命令。
- 先在临时项目或输入副本上试用。涉及修改文件、远程服务或计费资源的操作，应逐项核对后再授权。
- 按照原文检查项和自己的需求验证输出。成功触发或仓库 Star 较高，都不能证明结果正确。
继续阅读原始文档
- 概述
- 技能边界
- 先决条件
- 所需工作流程
- 步1获取 Code Connect 建议
- 方案A：使用
figma-desktopMCP（未提供 URL） - 选项 B：当提供 Figma URL 时
- 步2扫描代码库以查找匹配的组件
- 步3向用户展示匹配结果
- 步4创建代码连接映射
- 例子1连接按钮组件
- 例子2：具有部分选择的多个组件
- 例子3：组件需求创建
- 主动组件发现
- 精确的结构匹配
- 清晰沟通
- 处理歧义
- 优雅的降级
- 问题：“此选择中未找到已发布的组件”
- 问题：“Code Connect 仅适用于组织和企业套餐”
- 问题：代码库中未找到匹配的组件
- 问题：“未找到已发布的组件”（CODE_CONNECT_ASSET_NOT_FOUND）
- 问题：“组件已映射到代码”(CODE_CONNECT_MAPPING_ALREADY_EXISTS)
- 问题：“创建映射权限不足”（CODE_CONNECT_INSUFFICIENT_PERMISSIONS）
- 问题：Code Connect 映射失败，出现 URL 错误
- 问题：发现多个相似组件
- 了解代码连接
- 其他资源
相关 Skill
翻译与介绍范围
本页从固定版本的上游 SKILL.md 整理用途与操作片段，译文使用辅助翻译。它不是完整手册，也不代表经过兼容性实测；使用前请核对原文及其引用文件。
介绍依据下方列出的固定版本；当前仓库动态和目录采集时间单独展示。
- 固定版本来源
- 阅读原文 ↗
- 原文采集时间
- 来源提交版本
49f948faa9258a0c61caceaf225e179651397431- 原文 SHA-256
0f19edad8aed28063a3517c419fbcbef5421d024f189fd02a17fae25093ec69d