Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.
安装
npx skills add openai/skills --skill figma-code-connect-componentsnpx skills add openai/skills --skill figma-code-connect-components -a claude-code -gnpx skills add openai/skills --skill figma-code-connect-components -a codex -ggemini skills install https://github.com/openai/skills.git --path skills/.curated/figma-code-connect-componentsgh skill install openai/skills figma-code-connect-componentsgit clone --depth 1 https://github.com/openai/skills /tmp/openai__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/openai__skills/skills/.curated/figma-code-connect-components ~/.claude/skills/figma-code-connect-components # Claude Code
cp -R /tmp/openai__skills/skills/.curated/figma-code-connect-components ~/.agents/skills/figma-code-connect-components # Codex, Cursor, Gemini CLI, Copilot, OpenCode