01 功能说明
一种用于发现、审查和写入已批准 Code Connect 映射的 Figma MCP 工作流。
Figma Code Connect Components 是映射工作流，而非界面生成器。它会在 Figma 选择范围内发现尚未映射的已发布组件，搜索本地代码库，并比较组件的结构和属性。名称匹配只是起点：变体选项、默认值和用途也必须一致。
来源要求先向用户展示建议的匹配项，然后才能创建任何映射。该流程支持部分批准；对于含义不明确或缺失的组件，会进行报告而非猜测。产出是一种可发现的设计到代码连接；它不会自动改写任意一端，也不能证明两者的渲染外观完全相同。
预期交付物
使用包含特定节点的 Figma 链接或受支持的桌面端选择方式，找出仍未映射的组件。
搜索代码库并检查实际的导出、属性和默认值。当多个组件都可能匹配时，列出备选项。
仅提交用户批准的映射，然后分别报告成功和失败的项目。
02 适用场景
已连接的 Figma MCP、对已发布组件和代码库的访问权限，以及当前有效的 Code Connect 使用资格和编辑权限。
03 关键决策
比较变体和尺寸接口，可减少仅因名称相同而在组件之间建立误导性关联的情况。
失败或跳过的组件会继续显示在交接结果中，而不会隐藏在笼统的成功消息之后。
04 示例任务
以下示例任务简述尚未经过测试。使用前请检查该技能的设置。
通过你的智能体环境所支持的机制安装精选技能，并单独连接 Figma。这些 Beta 材料受 Figma 开发者条款约束，而非 MIT。安装技能并不会授予 Code Connect 访问权限。
https://github.com/openai/skills/blob/49f948faa9258a0c61caceaf225e179651397431/skills/.curated/figma-code-connect-components/SKILL.md已连接的 Figma MCP、对已发布组件和代码库的访问权限，以及当前有效的 Code Connect 使用资格和编辑权限。
运行该技能之前，请根据需要调整这份任务简述中的范围、源材料和约束。
使用 figma-code-connect-components 检查此 Figma 画框中的已发布组件，并在我们的代码仓库中查找其实现。比较变体 props 和默认值，展示建议的源文件路径，并在创建映射前等待我的批准。如果某个组件存在两个可能的匹配项，请解释它们之间的差异，而不要直接替我选择。依据以下可观察的标准检查实际输出。
OpenDesign 为编程智能体提供本地设计工作区。此页面并不表示该技能已内置，也不表示包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页描述的是下方链接所指向的固定源代码修订版。上游行为和要求可能会发生变化。
49f948faa925一种用于发现、审查和写入已批准 Code Connect 映射的 Figma MCP 工作流。
由 OpenDesign 根据所链接来源撰写的原创摘要。代码库星标数是带有日期的受欢迎程度指标，并非技能使用量或质量评分。
06 开始前的问题
https://github.com/openai/skills/blob/49f948faa9258a0c61caceaf225e179651397431/skills/.curated/figma-code-connect-components/SKILL.md