figma/figma-generate-library
FreeBuild or update a design system library in Figma from a codebase
FreeFree tier
About figma/figma-generate-library
This Figma skill generates or updates a design system library in Figma directly from a codebase, allowing designers and developers to keep design and code in sync. It is part of the agent-skill.co platform and is available as an open-source tool, listed in the heilcheng/awesome-agent-skills repository.
Key Features
Generates design system components in Figma based on code
Updates existing Figma libraries to reflect code changes
Open-source and free to use
Pros & Cons
Pros
- Saves time by automating library generation and updates
- Ensures consistency between design assets and codebase
- Free and open-source, no licensing costs
Best For
Automating design system creation and maintenanceKeeping design and development in syncRapidly prototyping with real design tokens from code