Figma Generate Library
This skill guides you through building professional design systems in Figma that sync with your codebase. It breaks the work into five mandatory phases—discovery, foundations, file structure, components, and QA—each with user checkpoints, ensuring tokens are created before components and all bindings are validated.
Figma Generate Library orchestrates multi-phase design system builds from your codebase, automating tokens, components, and documentation.
AI-generated summary based on this skill's SKILL.md
Install
openai/skills/figma-generate-library · repository language: Python
git clone https://github.com/openai/skills
cp -r skills ~/.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 guides you through building professional design systems in Figma that sync with your codebase. It breaks the work into five mandatory phases—discovery, foundations, file structure, components, and QA—each with user checkpoints, ensuring tokens are created before components and all bindings are validated.
Can Figma Generate Library create figma component library automatically?
Figma Generate Library automates design system and reusable component setup by structuring the process into five mandatory phases. Each phase includes user checkpoints to ensure proper sequencing—tokens must be created before components, and all bindings are validated during QA to guarantee a cohesive, automatically-organized library.
How does Figma Generate Library organize design tokens and assets?
Figma Generate Library builds and organizes design tokens and assets by establishing foundations in phase two, then structuring your file in phase three before component creation. This sequencing ensures tokens exist and are properly bound before components reference them, maintaining consistency across your entire design system.
What are the five phases in Figma Generate Library?
Figma Generate Library's five mandatory phases are: discovery (understanding your needs), foundations (establishing design tokens), file structure (organizing your Figma workspace), components (building reusable elements), and QA (validating all bindings and system integrity). Each phase includes checkpoints to ensure proper progression.
Does Figma Generate Library sync with my codebase?
Yes, Figma Generate Library guides you through building professional design systems that sync with your codebase. The structured five-phase approach with validation checkpoints ensures your Figma library maintains consistency and can integrate seamlessly with your development workflow.
When should I create design tokens in Figma Generate Library?
Figma Generate Library requires design tokens to be created during the foundations phase (phase two), before you build components. This mandatory sequencing ensures tokens exist and are properly configured before the components phase (phase four), so all component bindings reference validated tokens.