figma-generate-library

Orchestrates end-to-end Figma design-system workflows with idempotent checkpoints and resume protocols.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/izo/Ulk --skill figma-generate-library-izo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-generate-library
Source: https://github.com/izo/Ulk/tree/main/community-skills/figma/figma-generate-library
Command: npx skills add https://github.com/izo/Ulk --skill figma-generate-library-izo

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

orchestrates end-to-end design-system work in Figma by coordinating token creation, component wiring, documentation, and metadata across a scalable workflow, ensuring code and design stay aligned.

Core Features & Use Cases

  • Manages 20–100 sequential use_figma calls spanning discovery, token creation, file structure, component creation, and QA with idempotent checkpoints.
  • Enforces best practices for token scopes, code syntax, variant wiring, documentation, and Code Connect mapping, reducing drift between design and code.
  • Provides robust recovery with shared-plugin-data tagging, a resume protocol, and a safe cleanup workflow to handle partial runs or failures.

Quick Start

Initiate Phase 0 discovery, secure user approval, and then proceed through Phases 1–4 with explicit checkpoints.

Frequently Asked Questions about figma-generate-library

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

FAQPage Schema
How do I synchronize design tokens and components between Figma and code?

You can synchronize design tokens and components by orchestrating sequential use_figma calls that enforce token scopes, variant wiring, and Code Connect mappings to keep Figma and code strictly aligned.

What is the best way to automate a large Figma design system workflow?

Automating a Figma design system workflow involves coordinating 20 to 100 sequential calls across discovery, creation, and QA phases, using idempotent checkpoints and resume protocols to handle partial failures safely.

How do I recover an interrupted Figma component creation process?

Recover an interrupted Figma component creation process using a resume protocol driven by shared-plugin-data tagging, which allows the workflow to continue safely from the last successful checkpoint.

Can I manage Figma design tokens at scale without losing state consistency?

Yes, managing Figma design tokens at scale requires strict idempotency, explicit checkpoints, and state-management protocols to ensure token scopes and metadata remain consistent across code and design tooling.

When do I need Code Connect mappings for Figma components?

You need Code Connect mappings for Figma components when wiring variants and enforcing code syntax to prevent drift between your design tooling and your development environment.

Does this Figma workflow approach support partial run cleanup?

Yes, the Figma workflow provides a safe cleanup workflow to handle partial runs or failures, ensuring robust recovery and preventing incomplete design token or component states from corrupting the system.