Skip to content
draw.io MCP Server

draw.io MCP Server

by draw.io (JGraph)
Released
v1.5.0
Apache-2.0
Repository Docs npm
Productivity
drawiodiagramsdiagrams.netmermaidumlvisualizationdocumentation

Summary

The official draw.io MCP server — turn a description into a real diagram, rendered inline in chat or opened straight in the draw.io editor.

Features

  • create_diagram renders draw.io XML as an interactive diagram inline in chat
  • search_shapes covers 10,000+ shapes across AWS, Azure, GCP, Kubernetes, UML and BPMN libraries
  • Hosted MCP App endpoint at mcp.draw.io — no installation required
  • Local stdio server accepts XML, CSV and Mermaid.js and opens the draw.io editor
  • Plugin route writes native .drawio files with PNG/SVG/PDF export that stays editable
  • Lightbox and dark-mode options on generated diagrams

Installation

Set up this MCP server in your favorite AI agent — copy a ready-made configuration below.

Any MCP-compatible agent

Most agents (Claude, Cursor, Windsurf, VS Code, and more) read a standard mcpServers configuration.

  1. Open your agent's MCP configuration file.
  2. Merge the snippet below into it.
  3. Restart the agent — the "draw.io MCP Server" tools will be available.
{
  "mcpServers": {
    "drawio-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@drawio/mcp"
      ]
    }
  }
}

Description

The official MCP server from the draw.io team (jgraph) lets an assistant produce actual editable diagrams instead of ASCII art. The repository ships two servers plus a plugin, and which one you want depends on where you need the diagram to appear.

MCP App server — inline in the chat

Hosted at https://mcp.draw.io/mcp, this renders diagrams inside the conversation as interactive panels via the MCP Apps protocol. Nothing to install: add the URL as a remote MCP server in Claude.ai, Cursor 2.6 or later, VS Code, or any MCP Apps-capable host. Two tools:

  • `create_diagram` — renders draw.io XML as an interactive diagram in chat, with an "Open in draw.io" button to keep editing.
  • `search_shapes` — searches more than 10,000 shapes across every draw.io library (AWS, Azure, GCP, Kubernetes, Cisco, UML, BPMN, P&ID, electrical and more), falling back to draw.io's icon service for brand logos when the built-in libraries have nothing suitable. It returns the exact style strings to paste into the XML, which is the step that otherwise turns generated diagrams into grey boxes.

In a host without MCP Apps support the tool still works, returning the XML as text.

MCP tool server — opens the editor

The original stdio server, published as @drawio/mcp. npx @drawio/mcp and it opens generated diagrams directly in the draw.io editor in your browser. This is the one that accepts XML, CSV and Mermaid.js input, and supports lightbox and dark-mode options. Setup instructions cover Claude Desktop, Claude Code, VS Code with GitHub Copilot, and Cursor.

Plugin route — files on disk

For coding agents there is a drawio skill packaged as a plugin, installable from the same repository's marketplace for Claude Code, Codex CLI and GitHub Copilot CLI. It writes native .drawio files and can export to PNG, SVG or PDF with the XML embedded, so the exported file stays editable. No MCP setup involved.

Apache-2.0.

Related MCP Servers

MCP: Metabase MCP Server

by Metabase

New

Metabase's built-in MCP server — search, query and visualise your BI data through the semantic layer, scoped to the connecting person's existing Metabase permissions.

Databases & DataProductivity
2 views

MCP: Zoom Workspace MCP Server

by Zoom

New

Zoom's official hosted MCP server — semantic meeting search, AI Companion summaries, transcripts, recordings, and cross-Zoom search over Team Chat, Canvas and My Notes.

Productivity
1 views

MCP: Amplitude MCP Server

by Amplitude

New

Amplitude's official hosted MCP server with 50+ tools over analytics, cohorts, experiments, feature flags, taxonomy and session replay, secured by OAuth and existing RBAC roles.

Databases & DataProductivity
1 views

MCP: Miro MCP Server

by Miro

New

Miro's official hosted MCP server at mcp.miro.com — let agents search and summarise boards, build them, generate diagrams and act on comments, on any Miro plan.

Productivity
1 views
Browse all MCP servers →