Skills
.Work. You
Rest

figma-generate-library

Community

Build and sync design systems from code in Figma.

Design & Creative#automation#components#figma#tokens#design-system#mapping#code-connect
Authoridontcarl
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Builds and maintains a scalable design system in Figma from a codebase by mapping tokens, components, and documentation to reduce drift and manual work.

Core Features & Use Cases

  • Orchestrates token discovery, foundations, and component workflows across multiple phases to produce consistent design systems.
  • Enforces best practices from leading design systems, including phase checkpoints and semantic aliasing.
  • Integrates with the figma-use skill for API calls and design guidelines, ensuring predictable results.

Quick Start

Load this skill and follow the phased plan to build or update your Figma design system from code.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: figma-generate-library
Download link: https://github.com/idontcarl/landing-page/archive/main.zip#figma-generate-library

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.