Figma Generate Library skill: what it does and how to install it
Builds and updates Figma design systems from codebases, covering tokens, themes, component libraries and documented foundations.
Summary generated from the skill's documentation.
Install
$ npx skills add openai/skills --skill figma-generate-libraryRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Analyses a codebase and Figma file, locks the scope, then creates foundations, variables, styles, documentation pages and components in phases. It uses sequential Plugin API operations, validation screenshots, state tracking and approval checkpoints to keep the build recoverable and consistent.
When to use it. For creating or reconciling a Figma design system with an existing codebase, including themes, tokens and component libraries. It is not a one-shot generator and should be used alongside the Figma Plugin API skill.
History
Repo stars
27.9kAbout +1.3k since 9 Jul 2026
Before 1 Oct 2026 the curve is estimated from public event data.
Stars are counted for the whole repository, which holds 43 skills.
Show as a table
| Date | Repo stars |
|---|---|
| 5 Oct 2026 | 27,882 |
| 4 Oct 2026 | 27,871 |
| 3 Oct 2026 | 27,854 |
| 2 Oct 2026 | 27,848 |
| 1 Oct 2026 | 27,835 |
| 24 Sept 2026 (estimated) | 27,815 |
| 17 Sept 2026 (estimated) | 27,800 |
| 10 Sept 2026 (estimated) | 27,305 |
| 3 Sept 2026 (estimated) | 26,631 |
| 27 Aug 2026 (estimated) | 26,631 |
| 20 Aug 2026 (estimated) | 26,627 |
| 13 Aug 2026 (estimated) | 26,612 |
| 6 Aug 2026 (estimated) | 26,607 |
| 30 Jul 2026 (estimated) | 26,598 |
| 23 Jul 2026 (estimated) | 26,593 |
| 16 Jul 2026 (estimated) | 26,578 |
| 9 Jul 2026 (estimated) | 26,578 |
Installs
2.6k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Figma Generate LibraryBuilds or updates a design system in Figma from a codebase: variables, tokens and component libraries with variants.
- Figma Generate DesignBuilds or updates full Figma screens from application code or descriptions using published design-system components, variables and styles.
- Tailwind Design SystemBuilds design systems with Tailwind CSS v4, including CSS-first design tokens, reusable component patterns and responsive theming.