uSpec
mcp
AIKit for generating design system documentation in Figma. Works with Cursor, Claude Code, and Codex via Figma MCPs.
README.md
uSpec
Generate design system documentation for your UI components — directly from your AI agent to Figma.
You describe a component, an agent skill analyzes it using your Figma file as context, and renders the spec directly in your Figma file. Supports both Figma Console MCP and native Figma MCP.
Works with Cursor, Claude Code, and Codex.
What you can generate
| Spec type | What you get |
|---|---|
| API Spec | Properties, values, defaults, and configuration examples |
| Color Annotation | Design token mapping for every element and state |
| Structure Spec | Dimensions, spacing, and padding across density and size variants |
| Screen Reader Spec | VoiceOver, TalkBack, and ARIA accessibility specs |
| Motion Spec | Animation timeline bars and easing details from After Effects data |
| Component Anatomy | Numbered markers and attribute tables for every element |
| Component Properties | Variant axes, boolean toggles, and variable mode exhibits |
Get started
Full documentation, installation guide, and examples at uSpec.design.
License
MIT — see LICENSE for details.
Designed by Ian Guisard.
Reviews (0)
Sign in to leave a review.
Leave a reviewNo results found