drawio-desktop-mcp
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@drawio-desktop-mcpAdd a rectangle labeled 'Server' to the current diagram"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
About
drawio-desktop-mcp is a fork of drawio-desktop with a built-in MCP (Model Context Protocol) server that lets AI agents create and edit diagrams directly in the running desktop app.
drawio-desktop is a diagramming desktop app based on Electron that wraps the core draw.io editor.
Related MCP server: Draw.io MCP Server
MCP Server
The app includes an embedded MCP server on http://127.0.0.1:9100/mcp (Streamable HTTP transport) that starts automatically. Multiple AI agents can connect simultaneously and manipulate diagrams in real time.
Quick Start
# Clone (recursive for submodule)
git clone --recursive https://github.com/ArdaUzun/drawio-desktop-mcp.git
cd drawio-desktop-mcp
# Install and run
pnpm install
pnpm startThe MCP server starts automatically on port 9100.
Connect Claude Code
claude mcp add drawio-desktop --transport http http://127.0.0.1:9100/mcp --scope userOr add a .mcp.json to your project:
{
"mcpServers": {
"drawio-desktop": {
"type": "http",
"url": "http://127.0.0.1:9100/mcp"
}
}
}Available Tools (20)
Category | Tools |
Inspect |
|
Shapes |
|
Edges |
|
Shape Library |
|
Layers |
|
Data |
|
Health Check
curl http://127.0.0.1:9100/health
# {"status":"ok","tools":20,"windows":1,"pending":0}Flatpak Install
# Build unpacked electron app
pnpm run build:dir
pnpm run build:flatpak-prep
# Build and install Flatpak (requires flatpak-builder + org.electronjs.Electron2.BaseApp//24.08)
flatpak-builder --user --install --force-clean build-flatpak flatpak/com.jgraph.drawio.desktop.yml
flatpak run com.jgraph.drawio.desktop//masterConfiguration
Setting | CLI Flag | Env Var | Default |
MCP Port |
|
|
|
Updating from Upstream
git fetch upstream
git merge upstream/dev
git push origin devDownload built binaries from the releases section.
Can I use this app for free? Yes, under the apache 2.0 license. If you don't change the code and accept it is provided "as-is", you can use it for any purpose.
Security
draw.io Desktop is designed to be completely isolated from the Internet, apart from the update process. This checks github.com at startup for a newer version and downloads it from an AWS S3 bucket owned by Github. All JavaScript files are self-contained, the Content Security Policy forbids running remotely loaded JavaScript.
No diagram data is ever sent externally, nor do we send any analytics about app usage externally. There is a Content Security Policy in place on the web part of the interface to ensure external transmission cannot happen, even by accident.
Security and isolating the app are the primarily objectives of draw.io desktop. If you ask for anything that involves external connections enabled in the app by default, the answer will be no.
Support
Support is provided on a reasonable business constraints basis, but without anything contractually binding. All support is provided via this repo. There is no private ticketing support for non-paying users.
Purchasing draw.io for Confluence or Jira does not entitle you to commercial support for draw.io desktop.
Developing
draw.io is a git submodule of drawio-desktop. To get both you need to clone recursively:
git clone --recursive https://github.com/jgraph/drawio-desktop.git
To run this:
npm install(in the root directory of this repo)[internal use only] export DRAWIO_ENV=dev if you want to develop/debug in dev mode.
npm startin the root directory of this repo runs the app. For debugging, usenpm start --enable-logging.
Note: If a symlink is used to refer to drawio repo (instead of the submodule), then symlink the node_modules directory inside drawio/src/main/webapp also.
To release:
Update the draw.io sub-module and push the change. Add version tag before pushing to origin.
Wait for the builds to complete (https://travis-ci.org/jgraph/drawio-desktop and https://ci.appveyor.com/project/davidjgraph/drawio-desktop)
Go to https://github.com/jgraph/drawio-desktop/releases, edit the preview release.
Download the windows exe and windows portable, sign them using
signtool sign /a /tr http://rfc3161timestamp.globalsign.com/advanced /td SHA256 c:/path/to/your/file.exeRe-upload signed file as
draw.io-windows-installer-x.y.z.exeanddraw.io-windows-no-installer-x.y.z.exeAdd release notes
Publish release
Note: In Windows release, when using both x64 and is32 as arch, the result is one big file with both archs. This is why we split them.
Local Storage and Session Storage is stored in the AppData folder:
macOS:
~/Library/Application Support/draw.ioWindows:
C:\Users\<USER-NAME>\AppData\Roaming\draw.io\
Not open-contribution
draw.io is closed to contributions (unless a maintainer permits it, which is extremely rare).
The level of complexity of this project means that even simple changes can break a lot of other moving parts. The amount of testing required is far more than it first seems. If we were to receive a PR, we'd have to basically throw it away and write it how we want it to be implemented.
We are grateful for community involvement, bug reports, & feature requests. We do not wish to come off as anything but welcoming, however, we've made the decision to keep this project closed to contributions for the long term viability of the project.
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- AlicenseBqualityAmaintenanceEnables AI agents to programmatically create, modify, and analyze Draw.io diagrams through the Model Context Protocol. Supports generating architectural diagrams, flowcharts, and visualizations with bidirectional communication between AI systems and Draw.io.13891,434MIT
- Alicense-qualityCmaintenanceEnables AI assistants to create and edit draw.io diagrams programmatically, supporting a wide range of diagram types and styles.5MIT
- AlicenseCqualityDmaintenanceEnables AI models to create and manage various types of diagrams (flowcharts, UML, network diagrams, etc.) via the Model Context Protocol.26896ISC
- Flicense-qualityDmaintenanceEnables AI agents to create, modify, and analyze diagrams using Draw.io (Diagrams.net) through MCP commands.
Related MCP Connectors
A comprehensive Model Context Protocol (MCP) server that enables AI assistants to interact with yo…
A Model Context Protocol server for Wix AI tools
Create diagrams in chat, rendered as live interactive draw.io diagrams. 10,000+ searchable shapes.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/ArdaUzun/drawio-desktop-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server