MCP server

draw.io Official

io.draw/mcp

Checked 26 Oct 2026, 08:29 UTC · Connected to it and listed its tools

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

Website Source

At a glance

Type

MCP server

Publisher

draw.io (verified by the MCP Registry)

Status

Working at last check

Tools

3

Token cost

About 2,480 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

26 Oct 2026, 08:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

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

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.draw]
url = "https://mcp.draw.io/mcp"

Gemini CLI

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

Cursor

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

VS Code

{"servers":{"draw":{"type":"http","url":"https://mcp.draw.io/mcp"}}}

Antigravity

agy mcp add draw https://mcp.draw.io/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"draw","server_url":"https://mcp.draw.io/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"draw","server_url":"https://mcp.draw.io/mcp"}

Tools

• create_diagram ~1843 tokens
  Creates 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, pipelines, decision trees, org charts, ER schemas, UML class, state and use case
• get_drawio_reference ~258 tokens
  Returns 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 rules for create_diagram's xml. Format "mermaid": the header keyword and syntax
• search_shapes ~379 tokens
  Search 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, Cisco, Kubernetes, BPMN) and, when those are sparse, supplements results with the dr

Browse

• Website monitoring
• Converting to Markdown
• Team chat
• Docker and Kubernetes

Related MCP servers

• ZeroWidth Napkin
  Draw boards, write docs and sheets, and build decks with your brand in Napkin.
• Databricks Field Guide by TechFabric
  Interactive Databricks learning, certification practice and sourced engineering guidance.
• GitDiagram
  Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
• Datronis
  Search and apply to real jobs, browse companies, and read tech news via Datronis's live data.
• MindMap
  Turn outlines and hierarchical notes into interactive mind maps through a hosted remote MCP server.
• Robert Blust
  Robert Blust: One model, true everywhere
• Agentic Mermaid
  Render, verify, describe, and safely edit Mermaid diagrams through MCP.
• cnvs.app
  Real-time collaborative whiteboard — AI agents and humans edit the same board live over MCP.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.draw/mcp.svg)](https://aptlynx.net/servers/io.draw/mcp)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents