Figma Generate Library

This is the orchestration layer for building design systems in Figma that actually match your codebase. It walks you through the full workflow: discovery, token creation, file structure, then components one at a time, with mandatory checkpoints between phases. The key insight is treating this as 20 to 100+ sequential API calls instead of trying to generate everything at once. It enforces real patterns from Material 3 and Polaris, handles the tedious stuff like variable scopes and code syntax mappings, and won't let you skip foundations to build components first. You need the separate figma-use skill loaded alongside this one since this teaches what to build and that one teaches how to call the API.

skills.sh installs: 4.7K
GitHub stars: 2.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add figma/mcp-server-guide --skill figma-generate-library --agent claude-code

Installs into .claude/skills of the current project.

Files

Design System Builder — Figma MCP Skill

Build professional-grade design-system assets in Figma that match code. Scale the workflow to the requested deliverable: a token set, one component, a complete library, or a targeted reconciliation. Run the selected path in coherent, safely retryable construction phases with evidence-based validation.

Prerequisites: The figma-use skill MUST also be loaded for every use_figma call. It provides Plugin API syntax rules (return pattern, page reset, ID return, font loading, color range). This skill provides design system domain knowledge and workflow orchestration.

Always include figma-generate-library in the comma-separated skillNames parameter when calling use_figma as part of this skill. If this skill was loaded via an MCP resource, you MUST prefix the name with resource: (e.g. resource:figma-generate-library). This is a logging parameter — it does not affect execution.

1. Scope and Completion Contract

Before the first mutation, choose one primary scope from the user's request and record its included deliverables and acceptance checks. Do not silently promote a narrower request into a full-library project.

SKILL.md on GitHub