jgraph/drawio-mcp · official

Diagrams, generated where you work.

Give any LLM the ability to draw. Interactive draw.io diagrams inline in chat, in the editor, or as native .drawio files on disk.

# remote, zero install
https://mcp.draw.io/mcp
# local tool server
$ npx @drawio/mcp
create_diagram → inline render
create_diagram

Renders draw.io XML as an interactive diagram, inline in the conversation.

search_shapes

Keyword search over 10,000+ shapes — AWS, Azure, GCP, K8s, UML, BPMN — returns exact style strings.

Four ways to integrate

One shared XML reference keeps all of them consistent.

OUTPUT
FORMATS
WORKS WITH
INSTALL
Interactive viewer inline in chat
XML
Claude.ai, VS Code, MCP Apps hosts
none
draw.io editor in a new tab
XML · CSV · Mermaid
Claude Desktop, any MCP client
npm
.drawio files · PNG/SVG/PDF export
XML
Claude Code
skill file
Clickable draw.io links
XML · CSV · Mermaid
Claude.ai Projects
none

Each name links to full documentation. Canonical XML guidance lives in shared/xml-reference.md.