figma-generate-library

github:openai/skills · first seen 2026-10-30 · source · badge

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 complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills s

Works with

figma-generate-design
Shares figma, styles, system, update
0.3
figma-use
Shares figma, styles, mandatory, plugin
0.29
figma-create-design-system-rules
Shares figma, system, codebase, conventions
0.24
figma-implement-design
Shares figma, component, design, system
0.2
figma-code-connect-components
Shares figma, component, components, codebase
0.2

Used with

figma-generate-design
Shares figma, styles, system, update
0.3
figma-use
Shares figma, styles, mandatory, plugin
0.29
figma-create-design-system-rules
Shares figma, system, codebase, conventions
0.24
figma-code-connect-components
Shares figma, component, components, codebase
0.2

Skill Health 100 (freshness and quality) estimated by backskills

Listed, not yet scored. This skill has no public model test yet. It is in the scoring queue; submitted skills go first, then the most-installed.

Freshness 100 · Quality 100 · Efficacy not yet tested

Version history

2026-10-30T20:36:17 · sha256 7f42103c59fc