draw.io

Name: draw.io
Author: jgraph

Verified · draw.io

MCP server by jgraph · updated yesterday · ★ 5.7k

Score 100

Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes. draw.io is published by draw.io from its verified domain in the official MCP Registry.

Install Add to Cursor Add to VS Code GitHub Website

Works withClaude Code Claude Desktop Cursor Codex Gemini CLI VS Code Windsurf ChatGPT

Maintenance

Last commit in the past day

Licence

Apache-2.0: permissive, fine for commercial use

Quality

Clear description, published package or server URL, 5,662 stars, original repository

Security

Not checked yet. What we check

Install draw.io

Built from the published package, never by AI

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

Run in your terminal. Add --scope user to use it in every project.

Step-by-step: install draw.io in Claude Code

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

Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.

Step-by-step: install draw.io in Claude Desktop

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

Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).

Step-by-step: install draw.io in Cursor

{
  "servers": {
    "draw-io": {
      "url": "https://mcp.draw.io/mcp"
    }
  }
}

Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".

Step-by-step: install draw.io in VS Code

https://mcp.draw.io/mcp

In ChatGPT: Settings, Connectors, Add custom connector, then paste this URL. Works in any client that supports remote servers.

Step-by-step: install draw.io in ChatGPT

MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the draw-io block.

Alternatives to draw.io

All alternatives →

GitDiagram ahmedkhaleel2004

100

Architecture diagrams, explanations and Mermaid source for public GitHub repositories.

AAA Remote 18k

Drawio MCP jgraph

Official draw.io MCP server for LLMs - Open diagrams in draw.io editor

AAA Local 25k/wk

Visual Explainer nicobailon

Agent skill that generates beautiful HTML pages for diagrams, diff reviews, plan reviews, slide decks, and data tables

AAA Local 11k

Figma-Context-MCPGLips

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

AAA Local 56k/wk

Unity-MCPIvanMurzak

Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games.

AAA Local 4.5k

Critical addyosmani

Extract & inline critical-path CSS — two engines, automatic routing, agent-native.

AAA Local 13k/wk

draw.io vs GitDiagram draw.io vs Drawio MCP draw.io vs Visual Explainer

draw.io: common questions

How do I install draw.io?

In Claude Code run claude mcp add --transport http draw-io https://mcp.draw.io/mcp. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.

Is draw.io the official server?

draw.io is published by draw.io from its verified domain in the official MCP Registry.

Is draw.io free?

The code is published under the Apache-2.0 licence. The service it connects to may have its own pricing.

Is draw.io safe to use?

It scores 100 of 100. Grades: maintenance A, licence A, quality A. The security check has not run for it yet. Review the code before you install. How grades work.

What are alternatives to draw.io?

Similar MCP servers: GitDiagram, Drawio MCP, Visual Explainer, Figma-Context-MCP.

Does draw.io work with ChatGPT?

Yes. Add its server URL in ChatGPT as a custom connector. See MCP in ChatGPT.