MCP server
Excalidraw MCP server
Draw hand-drawn style Excalidraw diagrams that render live in the chat.
★ 5.6kpushed 2026-03-24https://mcp.excalidraw.comon DevHunt
Run in a terminal, then /mcp inside Claude Code to sign in. Add --scope project to share it via .mcp.json. docs
claude mcp add --transport http excalidraw https://mcp.excalidraw.com
Customize > Connectors > Add > Add custom connector, paste this URL and sign in. It syncs to Claude Desktop and mobile. docs
https://mcp.excalidraw.com
The free plan allows one custom connector. On Team and Enterprise an owner adds it under Organization settings > Connectors.
chatgpt.com/plugins > + > Add custom MCP server, paste the URL, set up sign-in and create it as a plugin. Then @-mention it in a chat. docs
https://mcp.excalidraw.com
Workspace admins can turn custom MCP plugins off.
Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project), or use the install button. docs
{
"mcpServers": {
"excalidraw": {
"url": "https://mcp.excalidraw.com"
}
}
}Add to .vscode/mcp.json (note the "servers" key and the type), or use the install button. Command Palette > "MCP: Open User Configuration" for all workspaces. docs
{
"servers": {
"excalidraw": {
"type": "http",
"url": "https://mcp.excalidraw.com"
}
}
}Run codex mcp add excalidraw --url https://mcp.excalidraw.com (then codex mcp login excalidraw), or add this to ~/.codex/config.toml. The CLI, IDE extension and Codex app share it. docs
[mcp_servers.excalidraw] url = "https://mcp.excalidraw.com"
Run in a terminal (-s user adds it for all projects), then /mcp auth to sign in. In ~/.gemini/settings.json the key is httpUrl. docs
gemini mcp add -s user --transport http excalidraw https://mcp.excalidraw.com
Run in a terminal; it writes ~/.copilot/mcp-config.json. docs
copilot mcp add --transport http excalidraw https://mcp.excalidraw.com
Add to mcp_config.json: ~/.config/devin/mcp_config.json on macOS and Linux (older installs: ~/.codeium/windsurf/mcp_config.json), %APPDATA%\devin\ on Windows. docs
{
"mcpServers": {
"excalidraw": {
"serverUrl": "https://mcp.excalidraw.com"
}
}
}Add to Zed's settings.json (or Settings > AI > MCP Servers > Add Server). Remote servers without an Authorization header sign in with OAuth. docs
{
"context_servers": {
"excalidraw": {
"url": "https://mcp.excalidraw.com"
}
}
}Add to opencode.json in the project (or ~/.config/opencode/opencode.json). Sign in with opencode mcp auth excalidraw. docs
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"excalidraw": {
"type": "remote",
"url": "https://mcp.excalidraw.com",
"enabled": true
}
}
}Add to ~/.kiro/settings/mcp.json (all projects) or .kiro/settings/mcp.json (this project). docs
{
"mcpServers": {
"excalidraw": {
"url": "https://mcp.excalidraw.com"
}
}
}MCP Servers > Configure > Configure MCP Servers opens cline_mcp_settings.json; add this entry. docs
{
"mcpServers": {
"excalidraw": {
"type": "streamableHttp",
"url": "https://mcp.excalidraw.com"
}
}
}FAQ
Is there an official Excalidraw MCP server?+
Yes: Excalidraw, maintained by Excalidraw.
How do I connect Excalidraw to Claude?+
In Claude Code run: claude mcp add --transport http excalidraw https://mcp.excalidraw.com, then /mcp to sign in. In Claude Desktop or claude.ai, go to Customize > Connectors > Add > Add custom connector and paste https://mcp.excalidraw.com.
How do I use the Excalidraw MCP server in Cursor or VS Code?+
Open the Cursor or VS Code tab on the server above: it has the exact mcp.json entry and a one-click install link. The same server also works in Claude Code, Claude Desktop / claude.ai, ChatGPT, Cursor, VS Code and Codex.
Can I use the Excalidraw MCP server in ChatGPT?+
ChatGPT connects to remote MCP servers only. Excalidraw has a hosted URL: at chatgpt.com/plugins choose + > Add custom MCP server, paste the URL and create it as a plugin.
Is it safe to give an AI agent access to Excalidraw?+
Start with the official server, a read-only or test account and approval prompts on for anything that writes. Content the agent reads from Excalidraw (tickets, messages, pages) can carry prompt-injection instructions, so don't auto-approve actions.
All design & frontend MCP servers · Agent skills · How MCP setup works in each client
MCP servers for similar apps: 21st.dev · AntV · Blender · Canva · draw.io · Figma · Godot · Miro · Penpot · shadcn/ui · Storybook · tldraw · Unity · Webflow · Wix