Agent skill · design visual · nexu-io

figma-generate-library

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.

Why this skill is useful

Provides specific commands and workflows for generating and syncing design system libraries in Figma from a codebase, which the AI wouldn't reliably generate on its own.

What it needs

Requires figma installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.

What this skill does

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 Upstream: https://github.com/figma/skills Category: figma How to use This catalogue entry advertises the skill in OpenDesign 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: 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.

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills nexu-io/figma-generate-library

View the source on GitHub

Browse the @skills marketplace