SkillOfficial: OpenAI

figma-generate-library

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.

OpenAI · Official

Official vendor skill. AI-Point has not reviewed vendor skills: the content and installation stay with the vendor; the catalog stores only the description, license and a link to the source.

Install

Run the command in Codex.

Codex

$skill-installer figma-generate-library

Manually

Copy the skill folder from the repository into ~/.codex/skills/.

Skill files

SKILL.md17.4 kB
LICENSE.TXT440 byte
agents/openai.yaml540 byte
assets/figma-small.svg818 byte
assets/figma.png1.6 kB
assets/icon.svg964 byte
maintainers.yml64 byte
references/code-connect-setup.md11.8 kB
references/component-creation.md40.8 kB
references/discovery-phase.md19.7 kB
references/documentation-creation.md28.3 kB
references/error-recovery.md22.1 kB
references/naming-conventions.md18.6 kB
references/token-creation.md37.4 kB
scripts/bindVariablesToComponent.js3.6 kB
scripts/cleanupOrphans.js3.6 kB
scripts/createComponentWithVariants.js4.8 kB
scripts/createDocumentationPage.js4.7 kB
scripts/createSemanticTokens.js3.8 kB
scripts/createVariableCollection.js1.7 kB
scripts/inspectFileStructure.js3.5 kB
scripts/rehydrateState.js2.9 kB
scripts/validateCreation.js2.7 kB