figma-generate-library

Orchestrate multi-phase Figma workflows to create design system variables, components, theming, and documentation.

30|4|Updated May 3, 2026
One-click install
npx skills add https://github.com/OniroHuaver/openwarp --skill figma-generate-library-onirohuaver
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-generate-library
Source: https://github.com/OniroHuaver/openwarp/tree/main/resources/bundled/mcp_skills/figma/figma-generate-library
Command: npx skills add https://github.com/OniroHuaver/openwarp --skill figma-generate-library-onirohuaver

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires figma-use, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of professional-grade design systems in Figma, streamlining the process of building variables, component libraries, theming, and documentation. It complements the figma-use skill by focusing on the 'what' and 'order' of design system creation.

Core Features & Use Cases

  • Design System Builder: Orchestrates multi-phase workflows for creating variables, components, theming, and documentation in Figma.
  • Workflow Orchestration: Manages 20–100+ use_figma calls across multiple phases with mandatory user checkpoints.
  • Integration with figma-use: Requires the figma-use skill for Plugin API syntax rules and design system domain knowledge.
  • Use Case: For a designer or developer who needs to create a comprehensive design system from scratch, or update an existing system, this skill can save time and ensure consistency.

Quick Start

Load the figma-generate-library skill and begin the design system creation process by analyzing your codebase and Figma file.

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 creation in Figma?

To automate design system creation in Figma, this Skill orchestrates multi-phase workflows across multiple Plugin API calls to generate variables, component libraries, theming, and documentation. It manages the entire process with mandatory user checkpoints to ensure consistency and professional-grade results.

Do I need the figma-use skill to generate a Figma component library?

Yes, generating a Figma component library requires the figma-use skill. This dependency provides the necessary Plugin API syntax rules and design system domain knowledge, while this Skill focuses on orchestrating the 'what' and 'order' of the creation workflow.

Can I automate Figma theming and variables for a large design system?

You can automate Figma theming and variables for large design systems. The workflow orchestrates 20 to over 100 Plugin API calls across multiple phases, making it suitable for building comprehensive systems from scratch or updating existing ones at scale.

What is the best way to structure a multi-phase Figma design system workflow?

The best way to structure a multi-phase Figma design system workflow is by using orchestrated automation that sequences variables, components, theming, and documentation. This approach applies mandatory user checkpoints between phases to maintain quality and consistency throughout the build.

How does workflow orchestration handle 100+ Figma API calls for component libraries?

Workflow orchestration handles 100+ Figma API calls by structuring them into distinct phases for variables, components, and documentation. It applies mandatory user checkpoints throughout the process to manage the execution flow and ensure the component library is built accurately.