OpenAI · Agent Skill

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…

Published by OpenAI314 lines in SKILL.md

Source: openai/skills/skills/.curated/figma-generate-library
Repository owner: openai

Install

Read the SKILL.md and any scripts before installing: a skill runs with your agent's permissions. This copies just this skill into Claude Code's user skills folder; other agents read skills from their own folder.

Claude Code (user-level)

git clone --depth 1 --filter=blob:none --sparse https://github.com/openai/skills.git /tmp/skills
cd /tmp/skills && git sparse-checkout set "skills/.curated/figma-generate-library"
mkdir -p ~/.claude/skills && cp -r "skills/.curated/figma-generate-library" ~/.claude/skills/figma-generate-library

Skills folder docs:

Claude Code Codex Gemini CLI OpenCode Cursor GitHub Copilot goose OpenHands Amp Factory Droid Junie Kiro Roo Code Mistral Vibe pi Hermes Agent OpenClaw Letta

Works with

Agent Skills is an open format, so this skill loads in any harness that supports it, including Claude Code, Codex, Gemini CLI, OpenCode, Cursor, GitHub Copilot, goose, OpenHands. Some skills are written for one product and say so in their description.

More skills from OpenAI

aspnet-core chatgpt-apps cli-creator cloudflare-deploy define-goal figma figma-code-connect-components figma-create-design-system-rules figma-create-new-file figma-generate-design figma-implement-design figma-use

Reviewed Oct 5, 2026. Name and description are the skill's own frontmatter.