figma-generate-library - Build and update Figma design systems
Build or update a Figma design system from a codebase through phased discovery, foundations, file structure, components, and quality checks.
Tags
Updated: 2026-10-04Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Analyze codebase tokens
- Inspect Figma conventions
- Search reusable libraries
- Define token and component scope
- Create variable collections and modes
- Create primitive and semantic variables
- Create text and effect styles
- Build component variants
- Bind component properties
- Document foundations and components
- Validate metadata and screenshots
- Audit accessibility and naming
- Audit unresolved bindings
- Persist workflow state
Inputs
- Codebase
- Figma file
- Subscribed libraries
- Token and component scope
- User approvals
- Font information
Outputs
- Figma variables
- Figma styles
- Figma pages
- Figma components
- Component documentation
- Validation screenshots
- Metadata results
- Accessibility audit results
- State ledger file
Requirements
- figma-use skill
- use_figma access
- Sequential Figma mutations
- Font loading support
- Filesystem write access