Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER â it complements the `figma-use` skill which teaches HOW to call the Plugin API.
安装
npx skills add openai/skills --skill figma-generate-librarynpx skills add openai/skills --skill figma-generate-library -a claude-code -gnpx skills add openai/skills --skill figma-generate-library -a codex -ggemini skills install https://github.com/openai/skills.git --path skills/.curated/figma-generate-librarygh skill install openai/skills figma-generate-librarygit 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-library ~/.claude/skills/figma-generate-library # Claude Code
cp -R /tmp/openai__skills/skills/.curated/figma-generate-library ~/.agents/skills/figma-generate-library # Codex, Cursor, Gemini CLI, Copilot, OpenCode