UXMagic Home

Libraries

TemplatesNew
Community Frames
Pricing
Affiliate

Resources

Follow us on:
Model Context ProtocolConnect the MCP server
Logo
Model Context ProtocolConnect the MCP server
Model Context Protocol

Model Context Protocol

UXMagic Documentation

Welcome to the UXMagic docs. Start with the Model Context Protocol (MCP) server — it connects your AI coding agent (Cursor, VS Code, Windsurf, Antigravity, Claude) to the full UXMagic design toolset so you can read, generate, and edit your designs straight from your IDE.

What you can do with MCP

  • Read, generate, and edit UXMagic designs, themes, frames, and projects from your agent.
  • Run AI design generation and targeted edits, and export to Figma.
  • Authenticate with your own UXMagic API key — the toolset always reflects the live server.

Pick a guide below to get connected in a few minutes.

Image

Connect the MCP server

What the UXMagic MCP server is, how to generate your API key, and the two ways to connect.

Image

Configure your IDE

Copy-paste MCP config for Cursor, VS Code, Windsurf, Antigravity, and Claude Desktop.

Image

Tools & exporting to code

The tools, resources, and prompts the agent exposes — and how to export a frame.

Next: Connect the MCP server