[ MCP SERVER SUMMARY ]
Canva MCP server summary
Canva's Dev MCP server helps AI coding assistants build Canva apps and integrations with specialized docs and tooling via the Canva CLI. Route it through Bifrost to keep Canva developer tooling governed, logged, and available to approved teams only.
| Property | Details |
|---|---|
| Company | Canva |
| Connection type | STDIO |
| Authentication | None (Canva CLI Dev MCP) |
| Package or endpoint | @canva/cli@latest mcp |
| Capabilities | Canva Apps SDK assistance, Dev documentation lookup, App development workflows |
| Official documentation | Canva MCP documentation |
Before you start
- Node.js v24+
- git and npm
- A Canva developer account for app work
What you can do with Canva
- Give Cursor or Claude Code a single governed path to Canva Dev MCP
- Share Canva app-building assistance across a team without local CLI drift
- Audit which developers invoked Canva Dev tools during a sprint
[ HOW TO CONNECT ]
Connect Canva to Bifrost in three steps
Install Bifrost
Start the gateway locally or deploy in your VPC.
npx -y @maximhq/bifrost
Add Canva in MCP Gateway
Open MCP Gateway in the Bifrost dashboard, click New MCP Server, and choose STDIO. Or register via the API below.
• Official config uses npx -y @canva/cli@latest mcp over STDIO.
• This is the Canva Dev MCP for app development — not the consumer Canva AI Connector for designs.
Point clients at Bifrost /mcp
Configure Claude Desktop, Cursor, or Claude Code to use your Bifrost endpoint with a virtual key instead of connecting directly to Canva.
{
"mcpServers": {
"bifrost": {
"url": "http://localhost:8080/mcp",
"headers": {
"Authorization": "Bearer vk_your_virtual_key"
}
}
}
}[ EXAMPLE CONFIG ]
Register Canva via API
Add this MCP client with a POST to /api/mcp/client. See Connecting to MCP Servers for full options.
curl -X POST http://localhost:8080/api/mcp/client \
-H "Content-Type: application/json" \
-d '{
"name": "canva",
"connection_type": "stdio",
"stdio_config": {
"command": "npx",
"args": [
"-y",
"@canva/cli@latest",
"mcp"
]
},
"tools_to_execute": [
"*"
]
}'[ WHY BIFROST ]
Run Canva through one governed gateway
Access control
Virtual keys, RBAC, and tool allowlists per team or agent.
Cost governance
Attribute MCP tool spend alongside LLM usage in one view.
Observability
Log every tool call with latency, server, and virtual key metadata.
Credential isolation
Upstream secrets stay in the gateway — not on every laptop.
[ FAQ ]
Common questions
What does the Canva MCP server do?
Canva exposes canva apps sdk assistance, dev documentation lookup, app development workflows to MCP-compatible AI clients. Bifrost connects to it as an upstream MCP client and exposes approved tools through one governed /mcp endpoint.
How does Canva authenticate when used with Bifrost?
Canva uses None (Canva CLI Dev MCP). Store credentials in Bifrost's environment or credential configuration so they stay at the gateway instead of being copied into every AI client.
Can Claude Desktop, Cursor, or Claude Code use Canva through Bifrost?
Yes. After registering Canva in Bifrost, point any HTTP MCP-compatible client at the Bifrost /mcp endpoint and authenticate with a virtual key. The client sees only the tools allowed for that key.
[ RELATED SERVERS ]
