Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or standalone Code (also known as Make), and repair imported previews. Use only when the user explicitly names editable Design layers, a runnable Code Layer, or a standalone Code/Make file, or supplies a Figma file key/link as the import destination.
Install
npx skills add figma/mcp-server-guide --skill figma-code-workflowsnpx skills add figma/mcp-server-guide --skill figma-code-workflows -a claude-code -gnpx skills add figma/mcp-server-guide --skill figma-code-workflows -a codex -ggemini skills install https://github.com/figma/mcp-server-guide.git --path skills/figma-code-workflowsgh skill install figma/mcp-server-guide figma-code-workflowsgit 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-workflows ~/.claude/skills/figma-code-workflows # Claude Code
cp -R /tmp/figma__mcp-server-guide/skills/figma-code-workflows ~/.agents/skills/figma-code-workflows # Codex, Cursor, Gemini CLI, Copilot, OpenCode