@figma/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, 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.

View in AI SkillSafe app
4176 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@figma/figma-generate-library/verified)](https://skillsafe.ai/skill/@figma/figma-generate-library/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@figma/figma-generate-library/installs)](https://skillsafe.ai/skill/@figma/figma-generate-library/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@figma/figma-generate-library/scan)](https://skillsafe.ai/skill/@figma/figma-generate-library/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@figma/figma-generate-library/eval)](https://skillsafe.ai/skill/@figma/figma-generate-library/)