Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
安装
npx skills add openai/skills --skill figmanpx skills add openai/skills --skill figma -a claude-code -gnpx skills add openai/skills --skill figma -a codex -ggemini skills install https://github.com/openai/skills.git --path skills/.curated/figmagh skill install openai/skills figmagit 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 ~/.claude/skills/figma # Claude Code
cp -R /tmp/openai__skills/skills/.curated/figma ~/.agents/skills/figma # Codex, Cursor, Gemini CLI, Copilot, OpenCode