Favicon of figma-generate-library

figma-generate-library Skill

AI Agent SkillDesign & MediaJavaScriptOpen source

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code Published by openai in plugins.

Decision snapshot

Is this a fit?

Best for

Design and media, Includes SKILL.md, Reusable instructions

Works with

Compatibility not yet detected.

Access

Permission behavior not yet detected.

Setup

Copy skill directory

Project health

19 days ago

Considerations

No specific cautions were detected. Review the source and requested permissions before installing.

What is figma-generate-library Skill?

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.

Trust signal
95/100
Maintenance signal
90/100
Adoption signal
92/100

Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.

Key capabilities

  • Includes SKILL.md support
  • Reusable instructions support
  • Design and media
  • Design and media use cases

Declared skill metadata

  • Source file: plugins/figma/skills/figma-generate-library/SKILL.md

These fields retain source and confidence evidence from the indexed SKILL.md.

Compatibility and setup

Copy skill directory
  • Install or run with Copy skill directory

When to use figma-generate-library Skill

  • Use it for design and media.

Built with

JavaScriptCopy skill directory

Editorial notes

Source

  • Creator: openai
  • Repository: openai/plugins
  • Skill file: plugins/figma/skills/figma-generate-library/SKILL.md

What it does

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code

Skill instructions

Design System Builder — Figma MCP Skill Build professional-grade design systems in Figma that match code. This skill orchestrates multi-phase workflows across 20–100+ usefigma calls, enforcing quality patterns from real-world design systems (Material 3, Polaris, Figma UI3, Simple DS). Prerequisites: The figma-use skill MUST also be loaded for every usefigma call. It provides Plugin API syntax rules (return pattern, page reset, ID return, font loading, color range). This skill provides design system domain knowledge and workflow orchestration. Always include figma-generate-library in the comma-separated skillNames parameter when calling usefigma as part of this skill. If this skill was loaded via an MCP resource, you MUST prefix the name with resource: (e.g. resource:figma-generate-library). This is a logging parameter — it does not affect execution. --- 1. The One Rule That Matters Most For every phase, follow this communication contract. Before starting a phase: - Post a user-facing c

Verified compatibility and discovery

Frequently asked questions

What is figma-generate-library?

figma-generate-library is a open-source AI agent skill with Copy skill directory. Build or update a professional-grade design system in Figma from a codebase.

Who is figma-generate-library best for?

figma-generate-library is best for reusing agent instructions, scripts, and references, design and media workflows.

How do I install figma-generate-library?

Install or run figma-generate-library using Copy skill directory. Check figma-generate-library for the latest setup command.

Is figma-generate-library actively maintained?

figma-generate-library may need a closer maintenance check before production use.

Share:

Stars
5,140
Forks
717
Last commit
19 days ago
Last verified
Aug 24, 2026
Metadata fetched
Aug 24, 2026
Repository age
6 months
License
Unknown

Project health auto-fetched from the source repository.

Maintain this resource?

Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.

Alternatives to figma-generate-library