figma-generate-library

Turn code into a production-ready Figma design system.

design systems

What it does

Builds or updates scoped Figma design-system assets to match a codebase and validates the result.

When to use it

Use when creating or updating Figma tokens, themes, component libraries, individual components, foundations, or code-to-Figma reconciliation.

Give it a codebase and target Figma file; it builds or updates the requested design-system assets in Figma.

What you provide

This skill

Figma

Write

Changes and removes Figma assets (irreversible)

Figma Plugin API scripts

Execute

Figma Plugin API scripts

/tmp/design-system-state-{RUN_ID}.json

Write

Saves a temporary state ledger

Requires Figma MCP capabilities for use_figma calls and design-system discovery.

The figma-use skill must be loaded for every use_figma call and supplies the Plugin API usage rules.