gate
Sign inGet started

← Canva MCP server

Canva × VS Code

Use the Canva MCP server
in VS Code

Generate and edit designs — social graphics, docs, and presentations — in Canva. This guide connects Canva to VS Code (GitHub Copilot's agent mode) through a governed gateway — one URL that also works in every other MCP client you use, with your rules and a full log attached.

Connect Canva free

Live-probed · Security-scanned · Note: Canva currently restricts third-party sign-ins — API-key path recommended

Setup: Canva in VS Code

VS Code adds MCP servers via MCP server configuration. The gateway route takes about two minutes:

  1. Connect Canva to your free gate gateway from the verified directory.
  2. On your gate overview, click 'Add to VS Code' — VS Code prompts to add the gateway as an HTTP MCP server.
  3. Confirm and approve the sign-in.
  4. Copilot's agent mode can now use Canva — logged and governed through your gateway.

What to ask once it’s connected

“Create a social graphic for our product launch.”
“Generate three variations of this banner.”
“Resize this design for Instagram and LinkedIn.”
“Draft a one-page design for this announcement.”

Why route it through a gateway

One URL, every client

The same Canva connection works in Claude, Claude Code, ChatGPT, Cursor too — no per-client re-wiring.

Rules before regret

Allow, ask, or block every tool Canva exposes — reads can flow freely while writes require your approval.

Every call logged

A plain-language activity log of everything VS Code did with Canva — searchable, exportable, auditable.

Scanned and probed

Canva passed a live handshake probe and a security scan before listing — and drift detection watches it after you connect.

Connect Canva freeEverything about Canva MCP →

Also available: Canva in Claude · Canva in Claude Code · Canva in ChatGPT · Canva in Cursor