Figma Generate Library — Agent Skill by OpenAI

From the author

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 should be loaded together.

— the description by Figma, Inc.

Install

Get the skill from its source (we cannot redistribute it):
https://github.com/openai/skills/tree/49f948faa9258a0c61caceaf225e179651397431/skills/.curated/figma-generate-library

Documentation by Figma, Inc.

The licence of this skill does not allow us to copy its documentation. Read it at the source

Files

LICENSE.TXT(opens on GitHub)Not mirrored: opens on GitHub440 B
SKILL.md(opens on GitHub)Not mirrored: opens on GitHub17.4 KiB
agents/openai.yaml(opens on GitHub)Not mirrored: opens on GitHub540 B
assets/figma-small.svg(opens on GitHub)Not mirrored: opens on GitHub818 B
assets/figma.png(opens on GitHub)Not mirrored: opens on GitHub1.6 KiB
assets/icon.svg(opens on GitHub)Not mirrored: opens on GitHub964 B
maintainers.yml(opens on GitHub)Not mirrored: opens on GitHub64 B
references/code-connect-setup.md(opens on GitHub)Not mirrored: opens on GitHub11.8 KiB
references/component-creation.md(opens on GitHub)Not mirrored: opens on GitHub40.8 KiB
references/discovery-phase.md(opens on GitHub)Not mirrored: opens on GitHub19.7 KiB
references/documentation-creation.md(opens on GitHub)Not mirrored: opens on GitHub28.3 KiB
references/error-recovery.md(opens on GitHub)Not mirrored: opens on GitHub22.1 KiB
references/naming-conventions.md(opens on GitHub)Not mirrored: opens on GitHub18.6 KiB
references/token-creation.md(opens on GitHub)Not mirrored: opens on GitHub37.4 KiB
scripts/bindVariablesToComponent.js(opens on GitHub)ScriptNot mirrored: opens on GitHub3.6 KiB
scripts/cleanupOrphans.js(opens on GitHub)ScriptNot mirrored: opens on GitHub3.6 KiB
scripts/createComponentWithVariants.js(opens on GitHub)ScriptNot mirrored: opens on GitHub4.8 KiB
scripts/createDocumentationPage.js(opens on GitHub)ScriptNot mirrored: opens on GitHub4.7 KiB
scripts/createSemanticTokens.js(opens on GitHub)ScriptNot mirrored: opens on GitHub3.8 KiB
scripts/createVariableCollection.js(opens on GitHub)ScriptNot mirrored: opens on GitHub1.7 KiB
scripts/inspectFileStructure.js(opens on GitHub)ScriptNot mirrored: opens on GitHub3.5 KiB
scripts/rehydrateState.js(opens on GitHub)ScriptNot mirrored: opens on GitHub2.9 KiB
scripts/validateCreation.js(opens on GitHub)ScriptNot mirrored: opens on GitHub2.7 KiB

Requirements and compatibility

Written for: OpenAI Codex

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Needs: Needs Node.js

Security

What our scanner noticed· Low risk

Scripts that your agent may run

This skill includes scripts that your agent may run. Read them before you use it.

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Theme Factory
AnthropicOfficial
A toolkit for applying professional color and font themes to documents, presentations, and web artifacts.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0GitHub stars of the source repository188.6k
Brand Guidelines
AnthropicOfficial
Applies Anthropic's official brand colors and typography to digital artifacts.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0GitHub stars of the source repository188.6k
Frontend Design
AnthropicOfficial
A framework for creating distinctive, intentional UI designs that avoid common templated aesthetics.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0GitHub stars of the source repository188.6k
Impeccable
Paul Bakaus· Community
A comprehensive design system and UI refinement tool for auditing, polishing, and evolving digital interfaces.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
Apache-2.0Low riskHas scriptsGitHub stars of the source repository105.3k
Diagram Design
Cathryn Lavery· Community
Generate branded, editorial-style technical diagrams as self-contained HTML, SVG, or PNG files.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
MITLow riskHas scriptsGitHub stars of the source repository65.6k
Choreograph
Emil Kowalski· Community
A systematic approach to coordinating multi-element animations into intentional, cohesive motion.
Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
MITGitHub stars of the source repository54.3k