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. 01Add the Clearly server to Cursor’s MCP settings (mcp.json): https://relay.clearly.sh/mcp
  2. 02Sign in over OAuth when Cursor prompts — there is no token to mint or paste.
  3. 03The clearly_* 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"
    }
  }
}
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. Your agent hand-rolls real <svg> and path code onto the canvas — canvas.create-node { type:'svg' } or { type:'path' } — so what lands is layers you can open and change, not a flat asset.
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