diagrams-net-mcp.md

Draw.io / Diagrams.net MCP App

MCP App · UI in chat

from"JGraph"

5.8k

jgraph/drawio-mcp is the official draw.io integration repository. Its MCP App server registers ui://drawio/mcp-app.html for inline diagrams and falls back to an app.diagrams.net link when a client cannot render MCP Apps.

Not for: A replacement for the full draw.io editor. Inline previews are optimized for review; complex editing continues in draw.io through the provided link or native file.

Source and setup verified on 2026-11-03

Visualization

Diagrams.netDraw.ioMCP Appsdiagrams

View on GitHub

Quick facts

Provider: JGraph / draw.io (official)
UI evidence: ui://drawio/mcp-app.html
Fallback: Open in draw.io link for non-UI clients
GitHub stars: 5,759 on 2026-11-03

What you can do

Create editable draw.io diagrams
Render inline previews in compatible hosts
Export or open the result in draw.io
Accept Mermaid and native draw.io sources

Requirements

Node.js for local npx use
An MCP Apps host for inline rendering

setup.md

# 1. Start the official server

$npx @drawio/mcp

# Official setup guide

https://www.drawio.com/mcp/

The guide has current instructions for Claude Desktop, Claude Code, Cursor, VS Code and OpenCode.

Always confirm the latest setup instructions with the maintainer before installing.

>Questions

Is Draw.io / Diagrams.net MCP App an MCP App with inline UI?

Yes. The maintainer's source declares an MCP UI resource and links it to a tool result. It renders inline only in hosts that support MCP Apps.

Where were these details checked?

Against the maintainer's README, source, or official documentation at https://github.com/jgraph/drawio-mcp, plus the GitHub API where a repository is available.