A Claude Code plugin for building production-quality Figma design system components.
Skill Claude CodeCodex
Build a production-quality Figma component from a frame, screenshot, URL, or description. Binds all values to design tokens, detects sub-components, audits token gaps, wires interaction states, and proposes variants. Ends by suggesting /fig-qa.
Skill Claude CodeCodex
Generate a complete visual spec sheet and MCP-ready handover file for a Figma component. Creates anatomy diagram, variant showcase with per-variant purpose notes, and writes a local component-specs/[Name].md file for LLM coding context. Run after /fig-qa is clean.
Skill Claude CodeCodex
Audit a Figma component or page for token/variable compliance. Every spacing, color, border, and typography value must be bound to a variable. Accepts an optional Figma URL or uses the active selection. Ends by suggesting /fig-document when clean.
Skill Claude CodeCodex
Bootstrap a complete Figma variable architecture for a new design system — color primitives, semantic light/dark tokens, responsive typography, and spacing. Standalone skill. Use when setting up Figma variables, creating design tokens, or starting a new design system from scratch.