An AIKit that automates design system documentation — from Figma to finished specs, powered by AI agent skills.
uSpec is an AIKit that connects your AI coding agent to Figma through the Figma Console MCP. Agent skills extract component structure, design tokens, variables, and styles directly from your file and render structured documentation right in Figma. No manual spec writing required.
Works with Cursor, Claude Code, and Codex.
| 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 |
Full documentation, installation guide, and examples at uSpec.design.
MIT — see LICENSE for details.
Designed by Ian Guisard.