Canvs MCP Server

Canvs MCP Server

A hosted MCP server for creating and manipulating collaborative whiteboards with Canvs.io.

No installation or API keys required — just connect and start drawing.

What you can do

Ask your AI assistant to create:

• Diagrams — flowcharts, sequence diagrams, class diagrams, mind maps
• Wireframes — UI layouts, app screens, website mockups
• Illustrations — shapes, icons, visual explanations
• Org charts — team structures, hierarchies
• Process flows — workflows, decision trees, pipelines

Setup

Add the Canvs MCP server to your client's configuration:

Cline / Roo Code

Add to your MCP settings (cline_mcp_settings.json):

{
  "mcpServers": {
    "canvs": {
      "url": "https://app.canvs.io/mcp",
      "type": "streamableHttp"
    }
  }
}

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "canvs": {
      "type": "http",
      "url": "https://app.canvs.io/mcp"
    }
  }
}

Claude Code

claude mcp add canvs --transport http https://app.canvs.io/mcp

Or install the Canvs plugin:

claude plugin install canvs

Cursor

Add to .cursor/mcp.json:

{
  "mcpServers": {
    "canvs": {
      "url": "https://app.canvs.io/mcp",
      "type": "streamableHttp"
    }
  }
}

Gemini CLI

gemini extensions install https://github.com/voronkovm/canvs-gemini-extension.git

Or add to settings.json:

{
  "mcpServers": {
    "canvs": {
      "httpUrl": "https://app.canvs.io/mcp"
    }
  }
}

Available Tools

Usage Tips

• Mermaid first — for any diagram with arrows/connections, use add_elements_from_mermaid
• Elements for wireframes — use add_elements for UI mockups and freeform layouts
• After creation, the assistant will share a room_url — open it in your browser to see the canvas
• Use update_elements to customize colors, labels, or positions after creation

Verify Installation

After setup, restart your client and try:

Draw a flowchart of user authentication

The assistant should use Canvs tools to create the diagram and share a link.

License

MIT