使用 Code Connect 映射工具，将 Figma 设计组件连接到代码组件。当用户说“代码连接”、“将此组件连接到代码”、“映射此组件”、“链接组件到代码”、“创建代码连接映射”，或希望在 Figma 设计与代码实现之间建立映射时使用。如需通过 `use_figma` 写入画布，请使用 `figma-use`。
使用 Code Connect 映射工具，将 Figma 设计组件连接到代码组件。当用户说“代码连接”、“将此组件连接到代码”、“映射此组件”、“链接组件到代码”、“创建代码连接映射”，或希望在 Figma 设计与代码实现之间建立映射时使用。如需通过 `use_figma` 写入画布，请使用 `figma-use`。
OpenAI 出品（官方仓库直接分发），属于 SKILL.md 开放标准技能：装一份，Claude Code、Codex、Cursor、Gemini CLI 都能用。
在下面找到你用的工具，复制命令粘进终端就装好了：
npx skills add openai/skills装好后不用任何配置，直接在对话里说：
接下来这个任务请用 figma-code-connect-components 技能来做AI 检测到任务匹配时会自动加载这个 Skill，不需要手动开关。
OpenAI 官方 GitHub 仓库（openai/skills）直接分发，本站核对于 2026-07-24。含可执行脚本，装前可以扫一眼仓库里的 scripts/。
终端跑 npx skills add openai/skills，安装器会自动识别你装的 AI 工具（Claude Code/Codex/Cursor/Gemini CLI 都支持），在列表里选 figma-code-connect-components 即可。