Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.
Install
npx skills add figma/mcp-server-guide --skill figma-code-connectnpx skills add figma/mcp-server-guide --skill figma-code-connect -a claude-code -gnpx skills add figma/mcp-server-guide --skill figma-code-connect -a codex -ggemini skills install https://github.com/figma/mcp-server-guide.git --path skills/figma-code-connectgh skill install figma/mcp-server-guide figma-code-connectgit clone --depth 1 https://github.com/figma/mcp-server-guide /tmp/figma__mcp-server-guide
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/figma__mcp-server-guide/skills/figma-code-connect ~/.claude/skills/figma-code-connect # Claude Code
cp -R /tmp/figma__mcp-server-guide/skills/figma-code-connect ~/.agents/skills/figma-code-connect # Codex, Cursor, Gemini CLI, Copilot, OpenCode