skills.rest
guhans6
guhans6COMMUNITY
Explore all skills by this author →
GitHub

figma-generate-library

Orchestrate multi-phase workflows to generate Figma design systems from code.

Updated May 11, 2026
Search Tags:#theming#documentation#design system#figma#component library
One-click install
npx skills add https://github.com/guhans6/agent-workbench --skill figma-generate-library-guhans6
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-generate-library
Source: https://github.com/guhans6/agent-workbench/tree/main/shared/skills/figma-generate-library
Command: npx skills add https://github.com/guhans6/agent-workbench --skill figma-generate-library-guhans6

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 process of building professional-grade design systems in Figma, streamlining the creation of variables, component libraries, theming, and documentation.

Core Features & Use Cases

  • Design System Creation: Orchestrate multi-phase workflows to build design systems from code.
  • Component Libraries: Automatically generate component libraries with variables and theming.
  • Documentation: Create comprehensive documentation for design systems.
  • Use Case: Imagine you have a codebase with a design system. Use this Skill to automatically generate the corresponding design system in Figma, including variables, components, and documentation.

Quick Start

Use the figma-generate-library skill to build a design system from the codebase 'design-system-codebase.json'.

Frequently Asked Questions about figma-generate-library

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

FAQPage Schema
How do I generate a Figma component library from code?▼

You can generate a Figma component library from code by automating the creation of variables, components, and theming through multi-phase workflows orchestrated via the Figma Plugin API.

Can I automate design system variables and theming creation in Figma?▼

Yes, you can automate design system variables and theming creation in Figma by executing multi-phase workflows that apply design system domain knowledge directly through the Plugin API.

Do I need the figma-use skill to build a design system in Figma?▼

Yes, you need the figma-use skill to provide the necessary Figma Plugin API syntax rules and design system domain knowledge required to orchestrate the library generation.

What is the best way to create Figma documentation for an existing design system?▼

The best way to create Figma documentation is to automate the process alongside component library generation, orchestrating workflows that comprehensively document variables, components, and theming.

Does figma-generate-library support large codebase design system development?▼

Yes, it supports large codebase design system development by orchestrating multiple Figma API calls to systematically process and generate variables, components, and documentation.

Related Skills

Explore More Design & Creative Skills→
OniroHuaverOniroHuaver
30

figma-generate-library

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

Community
Advanced
cris-achiardicris-achiardi
62

figma-component-generator

Generate Figma component sets from TSX/CSS source files and metadata.

Community
Advanced
whopointerwhopointer
1

figma-generate-library

Orchestrate multi-phase design system creation in Figma using the Plugin API.

Community
Advanced
pathtoresiliencebvpathtoresiliencebv

figma-generate-library

Generate Figma design systems from code with multi-phase workflows.

Community
Advanced