Figma Generate Library
Build production-ready design systems in Figma by orchestrating multi-phase workflows that extract tokens from code, create variable foundations, construct components with proper variant sets, and document design principles. Works alongside the figma-use skill to enforce quality patterns from real-world systems.
Figma Generate Library automates the creation of professional design systems in Figma by coordinating tokens, components, and documentation across structured phases.
AI-generated summary based on this skill's SKILL.md
Install
Devin-AXIS/iPolloWork/figma-generate-library · repository language: TypeScript
git clone https://github.com/Devin-AXIS/iPolloWork
cp -r iPolloWork ~/.claude/skills/figma-generate-librarygenerated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does Figma Generate Library do?
Figma Generate Library automates the creation of production-ready design systems by orchestrating multi-phase workflows. It extracts tokens from code, creates variable foundations, constructs components with proper variant sets, and documents design principles—enabling teams to build comprehensive component libraries without manual setup.
Can Figma Generate Library auto-generate a figma library?
Yes. Figma Generate Library automates library creation through multi-phase workflows that handle token extraction, variable setup, component construction, and documentation. This removes the manual work of building design systems from scratch and accelerates the entire library scaffolding process.
How does Figma Generate Library create reusable components?
Figma Generate Library builds reusable UI components by constructing components with proper variant sets based on extracted design tokens and code-driven specifications. It ensures components follow quality patterns and can be efficiently organized into a structured, maintainable design system.
What workflow phases does Figma Generate Library execute?
Figma Generate Library orchestrates multiple phases: extracting design tokens from code, creating variable foundations in Figma, constructing components with variant sets, and documenting design principles. This comprehensive approach ensures production-ready design systems that maintain consistency across your organization.
How does Figma Generate Library work with other skills?
Figma Generate Library works alongside the figma-use skill to enforce quality patterns from real-world systems. Together, they ensure your generated libraries maintain professional standards and integrate seamlessly with your design workflow.