Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'.
Install
npx skills add openai/skills --skill figma-generate-designnpx skills add openai/skills --skill figma-generate-design -a claude-code -gnpx skills add openai/skills --skill figma-generate-design -a codex -ggemini skills install https://github.com/openai/skills.git --path skills/.curated/figma-generate-designgh skill install openai/skills figma-generate-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-generate-design ~/.claude/skills/figma-generate-design # Claude Code
cp -R /tmp/openai__skills/skills/.curated/figma-generate-design ~/.agents/skills/figma-generate-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode