Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.
Install
npx skills add openai/skills --skill figma-implement-designnpx skills add openai/skills --skill figma-implement-design -a claude-code -gnpx skills add openai/skills --skill figma-implement-design -a codex -ggemini skills install https://github.com/openai/skills.git --path skills/.curated/figma-implement-designgh skill install openai/skills figma-implement-designgit 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-implement-design ~/.claude/skills/figma-implement-design # Claude Code
cp -R /tmp/openai__skills/skills/.curated/figma-implement-design ~/.agents/skills/figma-implement-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode