Skip to content
draw.io MCP Server

draw.io MCP Server

Released
4 views
v1.5.0
Apache-2.0

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: Vanta

by Vanta

New

Vanta's official remote MCP server — query controls, tests, vendors, vulnerabilities and policies across SOC 2 and ISO 27001, and remediate failing tests from your agent.

New

Attio's official hosted MCP server — search, read and write your CRM records, lists, notes, tasks, meetings and emails from any MCP client over OAuth.

1 views

MCP: Fireflies.ai

by Fireflies.ai

Featured

Fireflies.ai's official remote MCP server — 19 tools for searching meeting transcripts and summaries, pulling action items and analytics, and cutting soundbites from recorded calls.

5 views

MCP: ClickUp

by ClickUp

Featured

ClickUp's official remote MCP server — around 40 tools across tasks, search, Docs, Chat and time tracking, over OAuth 2.1 with PKCE.

2 views
Browse all MCP servers →