Integration · AI code editor · MCP client

Connect Clearly to Cursor.

Add Clearly as an MCP server in Cursor and your coding agent can generate editable SVG and raster assets without leaving the editor — icons, illustrations, OG images — as real files it can drop straight into your project.

Get an MCP tokenMCP docs

How do you connect Clearly to Cursor?

Add Clearly as an MCP server in Cursor and your coding agent can generate editable SVG and raster assets without leaving the editor — icons, illustrations, OG images — as real files it can drop straight into your project.

Connect

Add Clearly to Cursor

Under a minute — nothing to deploy; the server is hosted.

  1. 01Mint an MCP token in Clearly (Settings → Developers).
  2. 02Add the Clearly server to Cursor’s MCP settings (mcp.json) with the token.
  3. 03The clearly_generate_* tools appear in Cursor’s tool list.
  4. 04Ask Cursor to generate the asset; it writes editable SVG your app can use.
mcp.json
{
  "mcpServers": {
    "clearly": {
      "url": "https://relay.clearly.sh/mcp",
      "headers": { "Authorization": "Bearer ck_mcp_..." }
    }
  }
}
What it unlocks

Cursor + a design tool

Generate design assets inside your codebase workflow

Editable SVG your app can import directly

Batch-generate a whole icon set in one style

One metered plan for the whole team’s agent usage

FAQ

Clearly + Cursor, answered

01How do you connect Clearly to Cursor?+
Add Clearly as an MCP server in Cursor and your coding agent can generate editable SVG and raster assets without leaving the editor — icons, illustrations, OG images — as real files it can drop straight into your project.
02Is the Clearly Cursor integration free?+
Connecting is free — you mint an API token and add the hosted server, nothing to deploy. Generations are metered against your Clearly AI pool, with the per-call cost returned so spend is auditable.
03Does Cursor get editable SVG or a flat image?+
Editable SVG. clearly_generate_svg returns real <svg> path code your agent can post-process, recolor, or hand to a cutter — not a flattened screenshot. Raster is available via clearly_generate_image when you need a bitmap.
Other integrations

Connect another tool

Claude

MCP client

Claude Code

Agentic CLI · MCP client

Any agent

The platform view — how agents generate, perceive, and drive a canvas.

Give Cursor a design tool

Mint a token, connect the hosted server, and start generating editable art right where you work.

Get an MCP tokenRead the MCP docs ⟶