Draw.io MCP Server

The official draw.io MCP server: an agent builds diagrams from XML or Mermaid and opens them in the draw.io editor

  • 5,820 ★ on the repository
  • Last commit
  • Apache-2.0
MCP serverOfficialEditors’ pick

Extended access

Why this level

  • The local server runs via npx and writes files to disk
  • The hosted option sends diagram content to the draw.io server
All reasons and checks

jgraph/drawio-mcp

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add mcp/draw-io-mcp-server

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • The local server runs via npx and writes files to disk
  • The hosted option sends diagram content to the draw.io server

This is third-party code. Review the repository files before installing.

What it does

The server from the draw.io team lets a model create diagrams and open them in the editor. The repository bundles several options. The App server, over the MCP Apps protocol, renders the diagram inline in chat as an interactive view, is hosted at mcp.draw.io and needs no install. The local tool server installs via npx and opens the diagram in the draw.io editor, understanding XML, CSV and Mermaid. The create_diagram and search_shapes tools let it find the right shape among tens of thousands of library entries and return a ready style string. Separately there are plugins for Claude Code, Codex CLI and GitHub Copilot: they save a .drawio file and on request export it to PNG, SVG or PDF with the XML embedded, so the export stays editable.

Who it is for. For developers, analysts and technical writers who need editable diagrams straight from an agent.

Good fit when

  • You need an architecture, ER, sequence or flow diagram
  • You need the right shape and style from draw.io libraries
  • You need a .drawio file you can refine by hand later

Not a fit when

  • You only need a finished image with no editing
  • You have no MCP-capable host

Example request

Build an architecture diagram of our service in draw.io and leave a file I can edit

MCP

Transport
stdio, http
Authentication
not required

Limitations

Inline rendering works only on hosts that support the MCP Apps extension; elsewhere the tool returns XML as text. The local tool server needs Node and npm. PNG, SVG and PDF export via the plugin runs through the draw.io desktop app; without it only the .drawio file and a link are available. In the hosted option the diagram content is sent to the draw.io server. Apache-2.0 licensed.

How to disable. Remove the drawio entry from your agent's MCP config. If you installed the plugin, remove it via /plugin.

FAQ

Do I need an account or key?

No. The hosted server and the local tool server work with no key and no login.

Which input formats are supported?

The local tool server understands XML, CSV and Mermaid. The App server and plugins take XML as the native format.

Discussion

No questions or reviews yet.

Smart Drawio

Smart Drawio Next

An MCP server and skill for editable draw.io diagrams: an agent generates XML from a prompt, validates references, repairs tags and applies themes

MCP serverExtended access366Repository stars

Next AI Draw.io is an MCP server and plugin where the agent draws draw.io diagrams on a live browser canvas that you can edit by hand

PluginExtended access36.9KRepository stars

A Codex plugin that redraws a scientific figure from a reference on the live draw.io canvas step by step, then validates and exports the file

PluginExtended access1.5KRepository stars

MCP server for Mermaid diagrams: renders a diagram in the browser with live reload and saves it as SVG, PNG or PDF

MCP serverExtended access221Repository stars

Excalidraw Architect MCP stores a specification inside an editable diagram, so agents can revise the structure and rebuild it.

MCP serverExtended access163Repository stars

An MCP server that generates mermaid diagrams and charts with syntax validation and svg, png and file export

MCP serverExtended access649Repository stars

Comparison with similar tools

Cards that share the main search query, and how they differ.

ToolOfficialAuthenticationRepository starsMain difference
Draw.io MCP Server (this card)yesnot required5,820
Draw.io Skillno302skills for draw.io diagrams
Next AI Draw.iono36,912Next AI Draw.io is an MCP server and plugin where the agent draws
OpenFlowKitnonot required971a diagram canvas that Claude Code and Codex draw on over MCP

README in short

The README describes four ways to connect draw.io with assistants: a hosted App server with inline rendering, a local tool server that opens the editor, plugins for Claude Code, Codex CLI and GitHub Copilot, and a no-MCP option via project instructions. For each it lists where it works, which formats it supports and how it installs. The App server is available at mcp.draw.io, the tool server is published on npm as @drawio/mcp. The search_shapes tool searches shapes across tens of thousands of library entries and an icon service. Apache-2.0 licensed.

README badge

Report a problem