MCP server

Canva MCP Server

Search, create and export Canva designs from an AI assistant (hosted server). Official: built and maintained by Canva. It runs as a hosted remote server: nothing to install. Setup below for 13 clients (checked 2026-10-25). Repo and registry data checked 2026-10-24.
Maintainer
Official · Canva
Runs
Remote
URL
https://mcp.canva.com/mcp
Registry
com.canva.mcp/mcp
Connects to
Canva

Install the Canva MCP Server

Pick your client. Remote first: nothing to install, and you sign in with OAuth where the client supports it. Config shapes checked against each client's docs on 2026-10-25.

Run in a terminal, then /mcp inside Claude Code to sign in. Add --scope project to share it via .mcp.json. docs

claude mcp add --transport http canva https://mcp.canva.com/mcp

Security notes

  • The remote server runs at mcp.canva.com, hosted by Canva. You sign in with OAuth in clients that support it, and it acts with your account's permissions.
  • shadcn/uiofficial · ★ 126k

    Browse, search and install components from shadcn/ui and other registries, built into the shadcn CLI.

  • Magic (21st.dev)official · ★ 6.2k

    Generate React UI components from a prompt, inspired by 21st.dev's library.

  • draw.ioofficial · ★ 5.7k

    Create draw.io diagrams from Mermaid or XML, shown live in the chat.

  • Excalidrawofficial · ★ 5.6k

    Draw hand-drawn style Excalidraw diagrams that render live in the chat.

  • AntV Chartofficial · ★ 4.4k

    Generate charts (line, bar, maps, flow diagrams and 20+ more) with AntV.

  • Miroofficial · ★ 163

    Hosted server to read Miro boards and create diagrams, docs and tables on them.

  • Webflowofficial · ★ 140

    Pages, CMS collections and site settings in Webflow, with a Designer companion app.

  • Wixofficial · ★ 15

    Hosted server to build and manage Wix sites, stores, bookings and CMS data.

FAQ

What does the Canva MCP Server do?+

Search, create and export Canva designs from an AI assistant (hosted server).

Is the Canva MCP server official?+

Official: built and maintained by Canva.

How do I add Canva to Claude Code?+

Run: claude mcp add --transport http canva https://mcp.canva.com/mcp, then /mcp inside Claude Code to sign in. Add --scope project to share it with your team through .mcp.json.

How do I use the Canva MCP server in Cursor or VS Code?+

Open the Cursor or VS Code tab above: it has the mcp.json entry and a one-click install link. Cursor uses the "mcpServers" key; VS Code uses "servers" and needs a type ("http").

Does Canva work in ChatGPT and claude.ai?+

Yes, it has a remote URL (https://mcp.canva.com/mcp). In claude.ai add it under Customize > Connectors > Add custom connector; in ChatGPT under chatgpt.com/plugins > Add custom MCP server.

What are the alternatives to the Canva MCP server?+

Other design & frontend MCP servers: shadcn/ui, Magic (21st.dev), draw.io, Excalidraw and AntV Chart.

All MCP servers · What is an MCP server? · Agent skills