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, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code Published by openai in plugins.
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, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code Published by openai in plugins. 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/plugins
- Skill file: plugins/figma/skills/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, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code
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 include figma-generate-library in the comma-separated skillNames parameter when calling usefigma as part of this skill. If this skill was loaded via an MCP resource, you MUST prefix the name with resource: (e.g. resource:figma-generate-library). This is a logging parameter — it does not affect execution. --- 1. The One Rule That Matters Most For every phase, follow this communication contract. Before starting a phase: - Post a user-facing c
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.
