1. Conduid
  2. Documentation
  3. USpec
MCP server · Documentation

USpec

AIKit for generating design system documentation in Figma. Works with Cursor, Claude Code, and Codex via Figma MCPs.

44Fair

Scored 6 months ago · breakdown

About USpec

USpec is an MCP server in the Documentation category: aIKit for generating design system documentation in Figma. Works with Cursor, Claude Code, and Codex via Figma MCPs.

Install

From source
git clone https://github.com/redongreen/uSpec

This server has no ConduID identity, so agent calls to it are not receipted. Pin the version you install and review the source before granting it credentials.

Ask AI

✦

Ask AI about USpec

Powered by Claude · Grounded in docs

I know everything about USpec. Ask me about installation, configuration, usage, or troubleshooting.

Security checks

  • ✓README presentThe repository ships documentation.

5 checks have not been run yet.

README

uSpec

Generate design system documentation for your UI components, directly from your AI agent.

You describe a component, an agent skill analyzes it using your Figma file as context, and the output is rendered into Figma or written to a portable .md file. Supports both Figma Console MCP and native Figma MCP.

Works with Cursor, Claude Code, and Codex.

New in v2.0 — create-component-md: generate one markdown file per component (API, structure, color, screen-reader). An artifact LLM tools can build from and humans can query. Requires the uSpec Extract Figma plugin (built locally from this repo); the other skills work directly through your Figma MCP and need no plugin.

What you can generate

Spec type What you get
Component Markdown One .md per component covering API, structure, color, and screen-reader behavior
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

In your project, run:

npx uspec-skills init

The CLI detects whether you are using Cursor, Claude Code, or Codex, installs all skills and references into the right directory, and writes uspecs.config.json. Then ask your agent to run the firstrun skill to extract your Figma template keys.

Full documentation and examples at uSpec.design.

License

MIT — see LICENSE for details.

Designed by Ian Guisard.

README copy captured when this server was indexed; it may lag the repository. The original is authoritative.

Questions

About USpec

How do I install USpec?

No package has been published for this server, so install it from source: clone the repository and follow its README.

Is USpec safe to use with an AI agent?

Its trust score is 44 out of 100 (fair). It passes 1 of the 1 static security checks run so far. It has no ConduID identity yet, so agent calls to it are not receipted.

Is USpec still maintained?

Conduid hasn't recorded a commit date for this repository yet. Check the repository directly for recent activity.