Excalidraw

What it does

Excalidraw MCP App renders a full interactive Excalidraw whiteboard inside your AI chat session. Ask Claude (or any MCP Apps-compatible client) to draw anything — system architecture diagrams, flowcharts, entity-relationship diagrams, cute illustrations — and the diagram appears live, fully editable, in the chat window. Changes stream in smoothly with viewport camera control so you can follow along as the AI builds the drawing.

Key features

• Live streaming canvas — Diagrams render incrementally as the AI draws, with smooth camera panning and zooming to follow the action.
• Interactive fullscreen editing — Click into the canvas to edit shapes, labels, and styles manually after the AI generates the initial drawing.
• Hand-drawn aesthetic — All output uses Excalidraw's signature sketchy style, ideal for informal architecture diagrams and brainstorming visuals.
• Remote or local — Connect to the hosted endpoint at https://mcp.excalidraw.com or run a local build. Also available as a one-click .mcpb extension for Claude Desktop.
• Vercel-deployable — Fork and deploy your own instance in minutes with zero environment configuration.

Installation

Claude Desktop (remote — recommended): Add a custom MCP connector pointing to https://mcp.excalidraw.com.

Claude Desktop (local via .mcpb extension):

1. Download excalidraw-mcp-app.mcpb from the Releases page
2. Double-click to install in Claude Desktop

Claude Desktop (local build from source):

{
  "mcpServers": {
    "excalidraw": {
      "command": "node",
      "args": ["/path/to/excalidraw-mcp/dist/index.js", "--stdio"]
    }
  }
}

Claude.ai web: Add https://mcp.excalidraw.com as a custom MCP server in Settings → Integrations.

VS Code Copilot / Cursor / other clients: Add a custom MCP server entry pointing to https://mcp.excalidraw.com.

Supported hosts

Works with any client that supports the MCP Apps extension: Claude Desktop, Claude.ai, VS Code Copilot, Goose, ChatGPT, and others.