domains / families / design / figma-generate-library

figma-generate-library

separate

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. Both skills should be loaded together.

When to use

• create variables/tokens
• build component libraries
• set up theming (light/dark modes)
• document foundations
• reconcile gaps between code and Figma

When not to use

• one-shot task
• batch component creation

Skill page

Source