AI Plugin Indexdiagrams
Draw.io MCP servers and skills
There are 18 ways to connect Draw.io to Claude, ChatGPT, Cursor and other AI assistants: 8 MCP servers and 10 skills. The most used is draw.io (5.7k GitHub stars).
Best Draw.io MCP servers, compared →Most used
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Official draw.io MCP server for LLMs - Open diagrams in draw.io editor
Provides Draw.io services to MCP Clients
Generate, validate, repair and style editable draw.io XML diagrams.
Create, edit, and export draw.io diagrams via CLI with real-time browser preview. Use when user needs to create flowcharts, diagrams, or edit mxGraphModel XML diagrams.
MCP servers (8)
- 1draw.io jgraph · DesignCreate draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.100
- 2Next AI Draw.io DayuanJiang · Browser automationdraw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand94
- 3Drawio MCP jgraph · DesignOfficial draw.io MCP server for LLMs - Open diagrams in draw.io editor94
- 4Drawio MCP Server lgazoProvides Draw.io services to MCP Clients86
- 5Smart Drawio yunshenwuchuxun · DesignGenerate, validate, repair and style editable draw.io XML diagrams.83
- 6drawio-mcp yohasacura · DesignMCP server for creating and editing draw.io / diagrams.net XML files programmatically.39
- 7MCP Drawio achmadya-dev · DesignModel Context Protocol (MCP) server for draw.io — render diagrams inline in chat35
- 8Drawio MCP Server chatflowdevProvides Draw.io services to MCP Clients29
Skills (10)
- 1next-ai-drawio makabakaxy · Browser automationCreate, edit, and export draw.io diagrams via CLI with real-time browser preview. Use when user needs to create flowcharts, diagrams, or edit mxGraphModel XML diagrams.46
- 2byan-drawio Yan-Acadenice · DesignExpert diagrammes techniques avec draw.io via MCP server Role: Expert en Création de Diagrammes Techniques avec Draw.io.37
- 3drawio-desktop hansphp · DesignCrear y editar diagramas .drawio locales con sincronización nativa de draw.io Desktop y revisión visual.29
- 4drawio-model-edit casperease · Developer toolsEdit labels or styles in the model a .drawio.png embeds and re-render its raster so the two stay honest; for write-drawio-files; input is the PNG's repository path and the exact literals to change.27
- 5drawio-review MichaelDanCurtis · DesignReview, check or tidy a draw.io diagram with the Draw.AI tools: dangling or duplicate connectors, overlaps, misalignment, unlabeled or disconnected shapes, tiny text, design-template violations and stale code links, then fix what the user agrees to. Use when the user asks to review, lint, check, clean up or critique a diagram.26
- 6drawio Truevoluhar · DesignCreate and validate editable Draw.io architecture or workflow diagrams.23
- 7drawio-architecture TestIntegrationOrg · DesignGenerate editable, version-control-friendly Draw.io architecture diagrams as valid mxGraph XML.22
- 8drawio akkpol · DesignGenerate draw.io diagrams as .drawio files and export to PNG/SVG/PDF with embedded XML18
- 9drawio-understand TetfretguruUnderstand existing drawio or xml architecture state before changes15
- 10liquibase-drawio-reviewer RogerCHDK · DatabasesAnalyzes Liquibase changelogs, generates standard SQL DDL for draw.io imports, and conducts a schema architecture review.15
Questions
Is there an official Draw.io MCP server?
Check the publisher on each listing: servers published by Draw.io itself are the official ones. The most used Draw.io server here is draw.io by jgraph.
How do I connect Draw.io to Claude?
Pick a server below, open its page and copy the install command for Claude Code, or the config block for Claude Desktop. Most Draw.io servers need an API key or token from your Draw.io account.