For AI agents

The design system your AI agent won’t guess.

MCP is the way an AI agent reads tools. Add the UIX server to Claude Code, Cursor, Windsurf or VS Code and your agent can make a design system, read yours and fetch components in your colors.

Copy the setup Read the MCP docs

The server address is https://useuix.com/mcp. Keys are free.

agent MCP UIX

What it is

MCP in one line: a standard way for an agent to use a tool.

Without it, an agent guesses your colors and fonts. With it, the agent asks UIX and builds with your real tokens.

What it is: A hosted MCP server and an AI Pack of files for agents.
Who it is for: Developers who build with Claude Code, Cursor, Windsurf, VS Code, Lovable, Bolt or v0.
Input: A short brief, or the id of a system in your account.
Output: Tokens, CSS, Tailwind, AGENTS.md, DESIGN.md and React components.
Works with: Any agent that speaks MCP over HTTP.
Price model: Free to start. A free API key covers your first system.

Set it up

Copy the setup for your agent.

The preset tools need no key. To read your own saved systems, create a free API key at /account and add it as an Authorization: Bearer header.

Claude CodeTerminal

claude mcp add --transport http uix https://useuix.com/mcp

Cursor.cursor/mcp.json

{
  "mcpServers": {
    "uix": {
      "url": "https://useuix.com/mcp"
    }
  }
}

Windsurf~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "uix": {
      "serverUrl": "https://useuix.com/mcp"
    }
  }
}

VS Code.vscode/mcp.json

{
  "servers": {
    "uix": {
      "type": "http",
      "url": "https://useuix.com/mcp"
    }
  }
}

Your account page shows the same setups with your key filled in. More in the MCP docs.

Tools

Six tools, each with a clear input and output.

Your agent picks the right one on its own. This list is what the server offers today.

The six UIX MCP tools with their inputs, outputs and whether they need an API key
Tool	Input	Output	API key
`search_presets`Find a starting point by keyword, mood or industry.	query, tier (free, pro, all), mood, industry, limit (1 to 50)	Presets with id, name, tier, summary, moods, industries and fonts.	No
`get_preset`Read one file of a preset.	id and format (start with design-md; also theme-css, tokens, shadcn, figma-variables, preset-json)	The file as text.	Pro presets only
`create_design_system`Make a whole system from a short brief.	brief (required, up to 2,000 characters), primary (hex or color word), style, name	Color scales, light and dark themes, fonts, radius, spacing and a contrast receipt. With a key it is saved and returns an id, a Studio link and install commands. Without one you get the CSS variables.	Optional
`list_my_design_systems`See the systems in your account.	None	id, name, version, last change and Studio link for each system.	Yes
`get_design_system`Read one saved system.	id, and file (summary, css, tailwind, agents-md or design-md)	A tokens summary and CSS by default, or the one file you ask for.	Yes, the owner’s
`get_component`Get the code for one component in your tokens.	id, name (such as button or date picker), framework (react)	shadcn-style React with TypeScript and Tailwind, plus lib/utils.ts.	Yes, the owner’s

How it connects

Agent, MCP, UIX: one question, one answer.

The agent asks the MCP server. The server reads UIX and sends back tokens or code. The agent writes your page with them.

agentMCPUIX

Three parts, one rule set

Your agent never sees a guess. It gets the tokens you saved, with every text color already checked for contrast.

Example

A settings page, built with your tokens.

You ask for one page in your app’s style. The agent finds your system, reads your rules and fetches the parts it needs.

agent

mcp · useuix.com

you a settings page
call list_my_design_systems
call get_design_system
call get_component(switch)

Your tokens

Ask once, get your own style

The agent calls list_my_design_systems, reads AGENTS.md with get_design_system, then fetches the Switch and Card with get_component. It builds the page without making up new colors.

Read the full session

Chat builders

Lovable, Bolt and v0 work from a chat.

They cannot run commands, so you paste a prompt. In Studio, open Use it, then AI tools, and press Copy prompt to get your tokens. Paste the starter below first.

LovablePaste this as your first message, then add the prompt you copied from Studio under it.

Use my UIX design system for every screen. Read https://useuix.com/llms.txt first. Use only the colors, fonts, radius and spacing from the tokens below. Do not invent new ones. Every text color must keep its WCAG AA contrast.

BoltPaste this as your first message in a new project, with your Studio prompt under it.

Build with my UIX design system. Read https://useuix.com/llms.txt for how it works. Use the CSS variables below for color, type and spacing, keep light and dark themes working, and reuse the same button and card styles on every page.

v0Paste this into the chat or the project instructions, with your Studio prompt under it.

Follow my UIX design system. See https://useuix.com/llms.txt. Use shadcn components with the tokens below, never raw hex values, and keep text contrast at AA in light and dark.

Files for agents

Plain files an agent can read without a server.

Every export also writes AGENTS.md, DESIGN.md and llms.txt, so an agent that cannot use MCP still follows your rules.

/llms.txt
A short map of UIX for agents and search.
/llms-full.txt
Every docs page as plain text, in one file.
AGENTS.md and the AI Pack
What is in the files and which agent reads what.

Questions

Questions people ask.

Short answers about MCP, keys and which agents work.

Ask us anything

What is MCP?

MCP is a standard way for an AI agent to use outside tools. You add a server address to your agent, and the agent can then call the tools that server offers, such as making a design system or fetching a component.

Do I need an API key?

Not for the preset tools. To save a system to your account, or read the ones already there, create a free key at /account and send it as an Authorization: Bearer header.

Which agents work with it?

Claude Code, Cursor, Windsurf and VS Code, using the setups on this page. Any other agent that speaks MCP over HTTP can use the same address. Lovable, Bolt and v0 use a copied prompt instead.

Can the agent change my design system?

It can make new systems from a brief and read the ones you saved. Tokens come back to the agent as text. The agent writes code in your project, and nothing changes in your Figma files.

Is it free?

The server and a first design system are free to start. A free account keeps 1 saved system and the core components. UIX Pro unlocks every component and Pro preset.

Start with one color.

Free to start. Your designers, your developers and your AI agent get one system to follow.

Start free Get the Figma plugin

Figma tokens.css Agent