Creative Design & Branding
Figma Generate Library
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, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. Also use when the user asks to create or generate any component in Figma — even a single one — since components require proper variable foundations, variant states, and design token bindings to be production-quality. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.
- Publisher / source
- figma/mcp-server-guide (found on GitHub top repositories)
- Upstream record
- figma/mcp-server-guide
- Version
- Version 1
- Published
- Publication review
- Approved for publication
- Content fingerprint
e176191d032f906eba6ba1a6634614f7c559685385b8397824c567fbb0fdc3b3