AI Skills
figma-generate-library

figma-generate-library

Popular

Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.

85Kstars
9.9Kforks
Updated 8/9/2026
Get SkillSource Code

Related Skills

opensource-pipeline240Khomelab-vlan-segmentation238Kruflo67K
SKILL.md
read-only
name
figma-generate-library
description

Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.

figma-generate-library

Curated from Figma's MCP server guide.

What it does

Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.

Source

How to use

This catalogue entry advertises the skill in Open Design so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/figma/skills

Then ask the agent to invoke this skill by name (figma-generate-library) or with
one of the trigger phrases listed in this skill's frontmatter.