debu-sinha avatar

Excalidraw

debu-sinha/excalidraw-mcp-server

Gives Claude and other MCP clients 16 tools to create, update, and manipulate Excalidraw diagrams programmatically. Ships with two modes: standalone runs in-process with zero setup, while connected mode adds a WebSocket canvas server for real-time browser sync. The v2.0 MCP Apps integration streams diagrams inline as animated SVGs and lets you export directly to excalidraw.com. Security layer includes API key auth, origin-restricted CORS, rate limiting, and bounded Zod validation on every endpoint. Supports batch operations up to 100 elements, Mermaid conversion, grouping, alignment, and SVG/PNG export. Optional file persistence keeps state across restarts. Useful when you want AI to draw architecture diagrams, flowcharts, or wireframes that render immediately in your editor.

GitHub stars
3
tools
2
transport
STDIO
last updated
Feb 8, 2026

Tools

2 tools

Public tool metadata for what this MCP can expose to an agent.

read_meReturns the Excalidraw element format reference with color palettes, examples, and tips. Call this BEFORE using create_view for the first time.

Returns the Excalidraw element format reference with color palettes, examples, and tips. Call this BEFORE using create_view for the first time.

No parameter schema in public metadata yet.

create_viewRenders a hand-drawn diagram using Excalidraw elements. Elements stream in one by one with draw-on animations. Call read_me first to learn the element format.1 params

Renders a hand-drawn diagram using Excalidraw elements. Elements stream in one by one with draw-on animations. Call read_me first to learn the element format.

Parameters* required
elementsstring
JSON array string of Excalidraw elements. Must be valid JSON — no comments, no trailing commas. Keep compact. Call read_me first for format reference.

Sponsors

Readme

excalidraw-mcp-server

The only Excalidraw MCP server with security hardening, inline diagram rendering, and real-time canvas sync.

CI npm npm downloads License: MIT Node

Demo: architecture diagram being drawn element-by-element in real-time through WebSocket sync

What it does

Ask your AI to draw a diagram, and it appears right inside the chat. The MCP server gives Claude Desktop, ChatGPT, VS Code, and Cursor a full set of drawing tools backed by the Excalidraw format -- with API authentication, rate limiting, and input validation on every operation.


View the full README on GitHub

Details

Repository
github.com/debu-sinha/excalidraw-mcp-server
Categories
Design & Creative, Security & Pentesting
Package
excalidraw-mcp-server
Transport
STDIO
Registry
MCP registry, active

Related Design & Creative MCP servers

View all
1oabolade avatarFigma MCP Serveroabolade/figma_mcp_server_actorMCP server enabling AI assistants to interact with Figma designs via natural language commands1stars
2malnati avatarVaults Diagram Toolsmalnati/vaults-diagram-toolsMermaid to assets. Source code to maps. MCP for agents.0stars
3yuzu-hub avatarVoltPlan Wiring Diagramsyuzu-hub/wiring-diagram-mcpGenerate 12V/24V/48V wiring diagrams and size wires, fuses, batteries, solar, and inverters.0stars
4ahujasid avatarBlenderahujasid/blender-mcpConnects Blender to Claude AI via MCP, enabling scene inspection, object manipulation, material control, and code execution from Claude.21.7Kstars
5glips avatarFigma Context Mcpglips/figma-context-mcpGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.16.2Kstars
6grab avatarTalk to Figmagrab/cursor-talk-to-figma-mcpTalkToFigma: MCP integration between AI Agent (Cursor, Claude Code) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying t6.8Kstars