figma-generate-library

Guides an AI agent through building a complete Figma design system from a codebase. Covers the full workflow: extracting design tokens, creating variable collections with light/dark mode support, building component libraries with proper variant matrices, and keeping code and Figma in sync. Works alongside the figma-use skill, which handles the actual Plugin API calls. Manually building a design system in Figma across 20-100+ operations is error-prone and hard to resume — this skill enforces a phased workflow with checkpoints, state tracking, and idempotency rules that prevent the structural failures common in unstructured approaches.