figma-generate-library

Orchestrate Figma design-system generation across token creation, component cloning, and documentation phases.

37|1|Updated Apr 28, 2026
One-click install
npx skills add https://github.com/terzigolu/warp-lite --skill figma-generate-library-terzigolu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-generate-library
Source: https://github.com/terzigolu/warp-lite/tree/main/resources/bundled/mcp_skills/figma/figma-generate-library
Command: npx skills add https://github.com/terzigolu/warp-lite --skill figma-generate-library-terzigolu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Build and maintain design systems in Figma with consistent tokens, components, and documentation, reducing drift between design and code.

Core Features & Use Cases

  • Phase-based orchestration of token creation, component variants, and Foundations/Docs.
  • Automatic stateful workflows with idempotency, rehydration, and error recovery for long multi-step builds.
  • Code Connect MCP integration to map design artifacts to code references and provide Dev Mode snippets.

Quick Start

Load the figma-generate-library skill and follow the discovery and Phase 1 creation steps to begin building your design system in Figma.

Frequently Asked Questions about figma-generate-library

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate design system generation in Figma?

Automate design system generation in Figma by orchestrating token creation, component cloning, and documentation scaffolding across phases 0–4 to maintain parity between code and design.

What's the best way to keep Figma design tokens and code in sync?

Keep Figma design tokens and code in sync by applying token aliasing, variant matrices, and Code Connect MCP integration to map design artifacts directly to code references and Dev Mode snippets.

Can I resume a long multi-step component build if Figma crashes?

Yes, you can resume long multi-step component builds because the workflow uses idempotent state management, rehydration, and a shared plugin data ledger to recover from errors and resume builds.

Does this design system workflow support token aliasing and variant matrices?

Yes, the design system workflow supports token aliasing and variant matrices to orchestrate component variants and foundations while maintaining strict phase gating across generation phases.

How do I scaffold documentation for a Figma design system?

Scaffold documentation for a Figma design system by orchestrating end-to-end generation that coordinates Foundations and Docs creation alongside component cloning and token creation.

What is phase gating in design system orchestration?

Phase gating in design system orchestration is a strict validation process that controls progression across phases 0–4 of token creation and component cloning to ensure consistent state management and error handling.