Figma Generate Library

This is the orchestration layer for building design systems in Figma that actually match your codebase. It walks you through the full workflow: discovery, token creation, file structure, then components one at a time, with mandatory checkpoints between phases. The key insight is treating this as 20 to 100+ sequential API calls instead of trying to generate everything at once. It enforces real patterns from Material 3 and Polaris, handles the tedious stuff like variable scopes and code syntax mappings, and won't let you skip foundations to build components first. You need the separate figma-use skill loaded alongside this one since this teaches what to build and that one teaches how to call the API.

Install to Claude Code

npx -y skills add figma/mcp-server-guide --skill figma-generate-library --agent claude-code