figma-generate-library

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, 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.

Install

KitScout test notes

Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.

Similar tools

• algorithmic-art 194,218 ★
  Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this wh
• brand-guidelines 194,218 ★
  Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having
• canvas-design 194,218 ★
  Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when
• theme-factory 194,218 ★
  Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing page
• design-is 116,897 ★
  Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for