/figma-generate-library
Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.
One skill from open-design.
shell
$ npx -y skills add nexu-io/open-design --skill figma-generate-library --agent claude-codeInstalls just this skill. Get the whole plugin for auto-invocation.
How it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/figma-generate-library
Context preview
The summary Claude sees to decide when to auto-load this skill.
Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.
Stats
Stars80,907
Forks9,349
LanguageTypeScript
LicenseApache-2.0
Ships with open-design
SKILL.md
figma-generate-library.SKILL.md
--- name: figma-generate-library description: | Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components. triggers: - "figma library" - "design system library" - "figma from codebase" - "sync figma" od: mode: design-system category: figma upstream: "https://github.com/figma/skills" --- # figma-generate-library > Curated from Figma's MCP server guide. ## What it does Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components. ## Source - Upstream: https://github.com/figma/skills - Category: `figma` ## How to use This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths
