Figma Generate Library
Skill AktivBuild or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. 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.
To automate the creation of professional-grade Figma design systems that accurately reflect a codebase, ensuring consistency and efficiency in design-to-development workflows.
Funktionen
- Builds Figma design systems from codebase tokens and components
- Automates variable collection, token creation, and style definition
- Manages component variants, properties, and layout via Figma API
- Ensures idempotency and state persistence for long workflows
- Provides detailed documentation and error recovery protocols
Anwendungsfälle
- When a user wants to create Figma variables/tokens from code.
- When a user wants to build component libraries in Figma that match their codebase.
- When a user needs to set up theming (light/dark modes) for a Figma design system.
- When a user wants to document design foundations and reconcile gaps between code and Figma.
Nicht-Ziele
- Directly calling the Figma Plugin API without workflow orchestration
- Building components without prior discovery and user approval
- Creating design tokens without mapping them to code syntax
- Overwriting user-created nodes without explicit intent or cleanup protocols
Trust
- warning:Issues AttentionThere are 30 open issues and 6 closed issues in the last 90 days, indicating a slow closure rate and potentially slow maintainer response.
Installation
npx skills add openai/skillsFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
Vertrauenssignale
Ähnliche Erweiterungen
Figma Generate Library
100Erstellen oder aktualisieren Sie ein professionelles Designsystem in Figma aus einer Codebasis. Verwenden Sie dies, wenn der Benutzer Variablen/Tokens erstellen, Komponentenbibliotheken erstellen, Theming (helle/dunkle Modi) einrichten, Foundations dokumentieren oder Lücken zwischen Code und Figma abgleichen möchte. Diese Fähigkeit lehrt WAS gebaut werden soll und in WELCHER REIHENFOLGE — sie ergänzt die `figma-use`-Fähigkeit, die lehrt WIE die Plugin-API aufgerufen wird. Beide Fähigkeiten sollten zusammen geladen werden.
Design System
98Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.
Figma Create Design System Rules
95Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
Project Session Manager
100Worktree-first dev environment manager for issues, PRs, and features with optional tmux sessions
Public Google Drive
100Erstellen Sie öffentliche Google Docs- oder Google Sheet-Dateien, ohne OAuth zu benötigen. Verwenden Sie diese Fähigkeit, um Google Docs und Sheets zu erstellen und zu bearbeiten, keine Google-Anmeldung erforderlich. Dokumente sind unter teilbaren Links sichtbar. Die Registrierung erfolgt automatisch bei der ersten Verwendung.
Oh My Claudecode
100Process-first advisor routing for Claude, Codex, or Gemini via `omc ask`, with artifact capture and no raw CLI assembly