Skip to main content
Guide1 min read

Canva MCP server: design with Claude (2026)

Connect Canva to your AI client to create and edit designs, autofill templates and export assets via Canva's official MCP (AI Connector). Setup and fixes.

Canva ships an official MCP server (its "AI Connector") that lets an AI client create designs, autofill brand templates, search assets and export files — turning Claude into a hands-on design assistant over your Canva account. Here's the setup.

Setup — official remote server

Add Canva's hosted endpoint https://mcp.canva.com/mcp as a remote/OAuth connector:

{
  "mcpServers": {
    "canva": {
      "url": "https://mcp.canva.com/mcp"
    }
  }
}

Authorise through Canva in the browser on first use. For stdio-only clients, bridge with npx -y mcp-remote https://mcp.canva.com/mcp. Restart the client; see MCP config file location.

Two Canva MCPs

Canva also offers a Dev MCP for building Canva apps/integrations (Apps SDK / Connect APIs). That's for developers extending Canva; the AI Connector above is for working with your designs. Pick by your goal.

Verify

Ask: "Create a LinkedIn banner from my brand template with the headline 'Now hiring' and export it as PNG." A returned design/asset confirms it works.

Common problems

  • OAuth/plan — some features need a paid Canva plan; authorise the right account.
  • Client lacks remote MCP — use a client with remote support, or the mcp-remote bridge (Node 18+).
  • No tools — confirm the connector is enabled after authorising; see Cursor MCP not working.

Going further

Canva pairs with Higgsfield (AI media) and Mobbin (design reference). Browse the design category or curated loadouts.

Loadout

Build your AI agent loadout

The directory of MCP servers and AI agents that actually work. Pick the right loadout for Slack, Postgres, GitHub, Figma and 20+ integrations — with install commands ready to paste into Claude Desktop, Cursor or your own stack.

© 2026 Loadout. Built on Angular 21 SSR.