Canva · VS Code (GitHub Copilot)
Add the Canva MCP server to VS Code (GitHub Copilot)
Create, search, edit and export Canva designs and assets.
Official serverRemoteDesign & sites
1. Add the server
Run in your terminal
code --add-mcp '{"name":"canva","type":"http","url":"https://mcp.canva.com/mcp"}'2. Sign in
VS Code opens the sign-in flow when Copilot first calls a remote OAuth server. Canva is hosted by Canva, so there is nothing to install or keep updated.
3. Try it
Ask VS Code (GitHub Copilot) for something Canva can do. Create, search, edit and export Canva designs and assets. Approve the first tool call and check the result before allowing write actions automatically.
- · mcp.json uses a top-level servers key, not mcpServers.
- · code --add-mcp installs a server into your user profile from the terminal.
FAQ
- How do I add the Canva MCP server to VS Code (GitHub Copilot)?
- Run: code --add-mcp '{"name":"canva","type":"http","url":"https://mcp.canva.com/mcp"}'. VS Code opens the sign-in flow when Copilot first calls a remote OAuth server.
- Is this the official Canva MCP server?
- Yes. It is published by Canva as com.canva.mcp/mcp in the official MCP registry.
- Does the Canva MCP server need an API key?
- It is a hosted server. Most hosted servers sign you in with OAuth the first time VS Code (GitHub Copilot) uses them; check Canva's docs for any plan or permission requirements.
Links
Canva in other clients
More design & sites for VS Code (GitHub Copilot)
Work at Canva?
Feature Canva across the directory and its category from $49/month.
Reviewed Oct 5, 2026. Command generated from the registry record and checked against VS Code (GitHub Copilot)'s documented syntax.