draw.io

by draw.io · io.draw/mcp

Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.

OnlineRemote

Category: Messaging and email
Connection: Remote (HTTP)
Tools: 3 reported
Status: Online

Connect it to your AI

Claude Code

claude mcp add --transport http draw https://mcp.draw.io/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://mcp.draw.io/mcp

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "draw": {
      "url": "https://mcp.draw.io/mcp"
    }
  }
}

Tools it offers

3 tools, as the server itself reported during our check on Oct 31, 2026.

create_diagramCreates and displays an interactive draw.io diagram from Mermaid.js syntax or draw.io XML — provide exactly one. **Choose the format first.** Use `xml` for diagrams of boxes and lines up to about 30 shapes: flowcharts, p
search_shapesSearch the draw.io shape library by keywords. Returns matching shapes with their exact style strings, dimensions, and titles. Covers ~10,000 built-in stencils (cloud architecture, network topology, P&ID, electrical, Cisc
get_drawio_referenceReturns the draw.io diagram generation reference as Markdown. Format "xml": styles, the layout grid, edges, containers, swimlanes, layers, tags, metadata, dark mode, the layout and routing passes, and the well-formedness

Questions

What is the draw.io MCP server?

Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes. It is made by draw.io and listed in the official MCP Registry as io.draw/mcp. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add draw.io to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://mcp.draw.io/mcp. In Claude Code, run: claude mcp add --transport http draw https://mcp.draw.io/mcp

How do I add draw.io to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://mcp.draw.io/mcp.

How do I add draw.io to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "draw": { "url": "https://mcp.draw.io/mcp" } } }

Does draw.io work right now?

Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.

What can draw.io do?

It gives your AI 3 tools, including create_diagram, search_shapes, get_drawio_reference. The full list is on this page.

Is this your server? Get the badge for your README

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/io-draw-mcp.svg)](https://chen.media/mcp/io-draw-mcp)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/io-draw-mcp"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/io-draw-mcp.svg?theme=dark"><img src="https://chen.media/mcp/badge/io-draw-mcp.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

draw.io

Connect it to your AI

Claude Code

Claude, ChatGPT, Cursor and other apps

Cursor, VS Code and other apps (mcp.json)

Tools it offers

Questions

Markdown (GitHub README)

HTML (switches to dark mode on its own)

More in Messaging and email

Pickly

VerifyPulse: email deliverability checks

Portaur

Odile answering lines

disdex: Discord server search

Inkbind