Config is the same across clients — only the file and path differ.
{
"mcpServers": {
"drawio-mcp": {
"args": [
"drawio-mcp"
],
"command": "uvx"
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
Let your AI assistant create beautiful draw.io diagrams — just describe what you want.
Run this in your terminal to verify the server starts. Then let us know if it worked — your result helps other developers.
uvx 'drawio-mcp' 2>&1 | head -1 && echo "✓ Server started successfully"
After testing, let us know if it worked:
Five weighted categories — click any category to see the underlying evidence.
No known CVEs.
Checked drawio-mcp against OSV.dev.
Click any tool to inspect its schema.
Be the first to review
Have you used this server?
Share your experience — it helps other developers decide.
Sign in to write a review.
Others in design
MCP server for accessing Figma plugin console logs and screenshots via Cloudflare Workers or local mode
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
AI image generation and editing with prompt optimization and quality presets. Powered by Nano Banana
MCP Security Weekly
Get CVE alerts and security updates for io.github.yohasacura/drawio-mcp and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
Let your AI assistant create beautiful draw.io diagrams — just describe what you want.
An MCP server that generates draw.io / diagrams.net XML files programmatically. Works with GitHub Copilot (agent mode), Claude Desktop, Cursor, and any MCP-compatible client.
| Capability | Details |
|---|---|
| 🏗️ Diagram types | Flowcharts, UML, ER, C4, BPMN, mindmaps, architecture, network, Kubernetes, and more |
| 🎨 Styling | 310+ shape presets, 44 edge styles, 21 color themes |
| 📐 Auto-layout | Sugiyama DAG, tree, horizontal, vertical, grid, flowchart engines |
| 🔀 Smart routing | Obstacle-aware orthogonal edge routing with automatic port distribution |
| ✏️ Full editing | Add, move, resize, delete, restyle any element after creation |
| 📄 Multi-page | Multiple pages and layers for complex diagrams |
| 📥 Import/Export | Load existing .drawio files, modify, and save back |
| 🧹 One-click cleanup | Polish command that auto-fixes layout, overlaps, edges, and labels |
pip install drawio-mcp
Or with uv:
uvx drawio-mcp
git clone https://github.com/yohasacura/drawio-mcp.git
cd drawio-mcp
uv sync
uv run drawio-mcp
Add to your VS Code settings or .vscode/mcp.json:
{
"servers": {
"drawio-mcp": {
"command": "uvx",
"args": ["drawio-mcp"]
}
}
}
Then use Copilot in Agent mode and ask it to create diagrams.
Add to your claude_desktop_config.json:
{
"mcpServers": {
"drawio-mcp": {
"command": "uvx",
"args": ["drawio-mcp"]
}
}
}
Add to your Cursor MCP settings:
{
"mcpServers": {
"drawio-mcp": {
"command": "uvx",
"args": ["drawio-mcp"]
}
}
}
Once connected, try these in your AI chat:
| Prompt | What you get |
|---|---|
| "Create a flowchart for a user login process" | Login flow with decision nodes and error paths |
| "Create a C4 context diagram for an e-commerce system" | System context with actors and external systems |
| "Make a UML class diagram with User, Order, and Product" | Class diagram with relationships |
| "Create an ER diagram for a blog database" | Entity-relationship diagram with tables |
| "Build an org chart for a startup" | Tree layout with roles and hierarchy |
| "Draw an AWS architecture with API Gateway, Lambda, DynamoDB" | Cloud architecture diagram |
| "Create a Kubernetes deployment diagram" | K8s diagram with pods, services, ingress |
| "Make a network topology with servers and firewalls" | Network diagram with device icons |
💡 Tip: Always end with "...and save it as
filename.drawio" to get a file you can open in draw.io.
The server exposes 5 tools, each with an action parameter:
diagram — Lifecyclecreate · save · load · import_xml · list · get_xml · add_page · add_layer
draw — Contentadd_vertices · add_edges · add_group · update_cells · delete_cells · add_title · add_legend