Skip to main content
uSpecs helps you generate structured documentation for your UI components, directly from Cursor to Figma. You describe a component, an AI agent skill analyzes it using your Figma file as context, and renders the spec directly in your Figma file.

​
What you can create

Component Anatomy

Numbered markers and attribute tables for every element

Component API

Properties, values, defaults, and configuration examples

Component Properties

Variant axes, boolean toggles, and variable mode exhibits

Component Color

Design token mapping for every element and state

Component Structure

Dimensions, spacing, and padding across density and size variants

Screen Reader

VoiceOver, TalkBack, and ARIA accessibility specs

​
How it works

1

Provide a Figma link and context

Share a link to the component in Figma. This is the primary input. You can also add a description of states, variants, or behavior to guide the agent. The Figma Console MCP pulls structure, variables, and styles directly from your file.
2

Trigger an agent skill

In Cursor’s chat, reference the skill you need, like @create-voice for screen reader specs or @create-color for color annotations. The agent analyzes your component and renders documentation directly in your Figma file.

​
Get started

Quickstart

Create your first specification in under 5 minutes.

Setup

Set up Cursor, Figma Console MCP, and your template library.