[c]codexplugin hubSubmit an asset
DirectorySkillsFigma Generate Library
Skill / OpenAI

Figma Generate Library Codex 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...

Docs reviewedChecked 2026-09-20Runtime not tested

What it adds

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.

design and ui

Get set up

  1. Ask Codex to install the skill with the built-in skill installer, pointing it at the source below.
  2. Start a new thread so Codex picks up the skill.
$skill-installer figma-generate-library
Review before running
Read the installation source

Before you install

    Compatibility & limitations

    Documented for ChatGPT desktop app, Codex CLI, Codex IDE extension

    Cursor: Not confirmed for Cursor.

      This listing is based on source documentation. We have not installed or runtime-tested this asset.

      How it fits together

      Test Driven Development · SkillUse when implementing any feature or bugfix, before writing implementation code.Web Artifacts Builder · SkillSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...Figma Code Connect Components · SkillConnects Figma design components to code components using Code Connect mapping tools.Figma Create Design System Rules · SkillGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set...Figma Context · MCP serverMCP server to provide Figma layout information to AI coding agents like Cursor.Adobe · PluginDesign, combine, and edit.

      Sources & provenance

      Reviewed 2026-09-20. Source revision: main (mutable; commit not pinned).