AIniverse Get the App

figma-generate-library

by figma · Github

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 and Figma. Also use when the user asks to create or generate any component in Figma — even a single one — since components require proper variable foundations, variant states, and design token bindings to be production-quality. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.

Add figma-generate-library to your agent in AIniverse

Discover more reusable skills, save them to your stack, get notified when new ones land.

Open in App · skills.sh

More agent skills

find-skills

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is...

gstack-autoplan

Fully reviewed plan running CEO → design → eng review automatically.

android-agp-9-upgrade

Upgrades, or migrates, an Android project to use Android Gradle Plugin (AGP) version 9. Do not use this skill for mig...

gstack-benchmark

Baseline page load times, Core Web Vitals, and resource sizes.