MCP Excalidraw MCP Server

Excalidraw toolkit for AI coding agents — agent skill, CLI, and MCP server with a live canvas

Local serverstdio

What is the MCP Excalidraw MCP server?

Most developer tooling work still happens through a UI a human drives. MCP Excalidraw MCP server moves it into the conversation instead. Excalidraw toolkit for AI coding agents — agent skill, CLI, and MCP server with a live canvas.

The short version

Core drawing runs fully local (Node ≥ 18, MIT licensed) — no API keys. Mermaid conversion runs in the local browser canvas; share is optional and uploads an encrypted scene to excalidraw.com.

The tools it exposes

The server publishes 7 tools. What each one is for:

  • Category — Tools
  • Layout — align_elements, distribute_elements, group_elements, ungroup_elements, lock_elements, unlock_elements
  • Viewport — set_viewport
  • Resources — get_resource
  • Cursor — Config location: .cursor/mcp.json in your project root (or ~/.cursor/mcp.json for global config)
  • OpenCode — Config location: ~/.config/opencode/opencode.json or project-level opencode.json
  • Notes — The Notes tool exposed by this server

Getting it running

The server ships on npm as mcp-excalidraw-server, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

What it needs from you

Configuration is passed through the environment: EXPRESS_SERVER_URL, ENABLE_CANVAS_SYNC. Treat anything key-shaped as a real credential — scope it to the minimum the server needs, and rotate it if it ever lands in a shared config.

How it compares

This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. MCP Excalidraw's toolset — Category, Layout, Viewport and 4 more — is a fair guide to whether it matches your workflow. It is maintained by yctimlin; worth a glance at recent repository activity before you build anything load-bearing on it.

We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.

Things to watch

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • Missing credentials fail quietly in some clients — if no tools show up, check the environment block first.
  • Keep per-call confirmation enabled while you learn its behaviour; it is the cheapest safeguard you have.

Available tools

ToolWhat it does
CategoryTools
Layoutalign_elements, distribute_elements, group_elements, ungroup_elements, lock_elements, unlock_elements
Viewportset_viewport
Resourcesget_resource
CursorConfig location: .cursor/mcp.json in your project root (or ~/.cursor/mcp.json for global config)
OpenCodeConfig location: ~/.config/opencode/opencode.json or project-level opencode.json
NotesThe Notes tool exposed by this server.

How to install the MCP Excalidraw MCP server

{
  "mcpServers": {
    "excalidraw": {
      "command": "npx",
      "args": ["-y", "mcp-excalidraw-server"]
    }
  }
}

Configuration as documented by the project. Restart the client after saving.

Configuration

VariableDescriptionRequired
EXPRESS_SERVER_URLEndpoint or connection string the server talks to.Yes
ENABLE_CANVAS_SYNCConfiguration value read at startup.Optional

Example prompts to try

  • Use MCP Excalidraw to Category.
  • Use MCP Excalidraw to Layout.
  • Use MCP Excalidraw to Viewport.

Frequently asked questions

It connects MCP Excalidraw to MCP-compatible AI assistants such as Claude and Cursor, exposing 7 tools (Category, Layout, Viewport, and more) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with MCP Excalidraw directly.