figma-analyze-component-set

figma-analyze-component-set is a Design-to-code & prototyping skill for AI agents, published by southleft in the figma-console-mcp-skills repository on GitHub. Skillspace rates figma-analyze-component-set C (70/100) and it passed the safety scan; the rating is based on static analysis only.

Analyze a Figma COMPONENT_SET as a state machine for code generation — extract variant axes (state/size/etc.), map state variants to CSS pseudo-classes (hover→:hover, focus→:focus-visible, disabled→:disabled, error→[aria-invalid]), and compute per-variant visual diffs (only what changes per state). Use when generating an interactive component from a Figma variant set — triggers: 'analyze this component set', 'turn these variants into CSS states', 'generate a button/input/checkbox from Figma variants', 'what changes between the hover and default state', 'map Figma variants to component props', 'extract the state machine for this component'. Resolves bound variables to token names. NOT covered by the native MCP's get_design_context/get_metadata, which don't give you a variant-axis→CSS-state machine.

Grade
C
Quality
70 / 100
Safety
Passed
GitHub stars
62

Unproven: rated by static analysis only, not yet compared head-to-head.

This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.

View source on GitHubsouthleft/figma-console-mcp-skills

Our review

Architecture
99 / 100
Maturity
Structured: ships references or scripts
Security scan
Low-risk patterns
License
MIT
Adoption
Adopted by 0 other repositories, in 0 collections
Scope
Vendor-specific: built around one product. Analyzes Figma component sets into CSS state machines generally

What the scanner flagged

  • mentions secrets in text

Not checked yet

  • Not judged on the rubric yet (not a contender in its category)
  • No blind task eval yet
  • Sibling files (scripts, references) not fetched; security scan covers SKILL.md only

More Design-to-code & prototyping skills

Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.