figma-generate-library Skill
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complemen Published by openai in skills.
What is figma-generate-library Skill?
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complemen Published by openai in skills. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Design and media
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use figma-generate-library Skill
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/skills
- Skill file: skills/.curated/figma-generate-library/SKILL.md
What it does
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complemen
Skill instructions
Design System Builder — Figma MCP Skill Build professional-grade design systems in Figma that match code. This skill orchestrates multi-phase workflows across 20–100+ usefigma calls, enforcing quality patterns from real-world design systems (Material 3, Polaris, Figma UI3, Simple DS). Prerequisites: The figma-use skill MUST also be loaded for every usefigma call. It provides Plugin API syntax rules (return pattern, page reset, ID return, font loading, color range). This skill provides design system domain knowledge and workflow orchestration. Always pass skillNames: "figma-generate-library" when calling usefigma as part of this skill. This is a logging parameter — it does not affect execution. --- 1. The One Rule That Matters Most This is NEVER a one-shot task. Building a design system requires 20–100+ usefigma calls across multiple phases, with mandatory user checkpoints between them. Any attempt to create everything in one call WILL produce broken, incomplete, or unrecoverable result
Explore related resources
Frequently asked questions
What is figma-generate-library?
figma-generate-library is a open-source AI agent skill with Copy skill directory. Build or update a professional-grade design system in Figma from a codebase.
Who is figma-generate-library best for?
figma-generate-library is best for reusing agent instructions, scripts, and references, design and media workflows.
How do I install figma-generate-library?
Install or run figma-generate-library using Copy skill directory. Check figma-generate-library for the latest setup command.
Is figma-generate-library actively maintained?
figma-generate-library may need a closer maintenance check before production use.
Auto-fetched from GitHub.
