Home / Skills / figma-analyze-component-set
figma-analyze-component-set
southleft/figma-console-mcp-skillsSkill
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',
Why this score
This repo hosts 10 skills, so its 92 stars are split between them (about 9 each) for scoring.
Popularity score: 52/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank
Security
Scanned Oct 20, 2026 at commit 807fcc1c4ca4, with Cisco's open-source skill-scanner.
None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.
A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan
Prompts that use Figma
Alternatives
Other makers' add-ons that do the same job, next to this one.
| Name | Score | Stars | Context | Updated |
|---|---|---|---|---|
| This onefigma-analyze-component-set southleft/figma-console-mcp-skills · Skill | 52 | ★ 92 | ≈157 always | 3mo ago |
| understand-figma Egonex-AI/Understand-Anything · Skill Same job: ui design, also for Figma | 86 | ★ 87k | ≈54 always | 23d ago |
| figma-code-connect-components openai/skills · Skill Same job: ui design, also for Figma | 69 | ★ 28k | ≈99 always | 2mo ago |
| figma heygen-com/hyperframes · Skill Same job: ui design, also for Figma | 89 | ★ 68k | ≈104 always | 16d ago |
| figma-design-to-code figma/mcp-server-guide · Skill Same job: ui design, also for Figma | 62 | ★ 2.1k | ≈134 always | 16d ago |
| vibefigma vibeflowing-inc/vibe_figma · Skill Same job: ui design, also for Figma | 78 | ★ 847 | ≈80 always | 26d ago |