MCP server for Next AI Draw.io - AI-powered diagram generation with real-time browser preview
MCP server for Next AI Draw.io - AI-powered diagram generation with real-time browser preview. Exposed over MCP by the draw mcp server, that capability becomes something an assistant can invoke while it works, not something you go and do afterwards.
MCP (Model Context Protocol) server that enables AI agents like Claude Desktop and Cursor to generate and edit draw.io diagrams with real-time browser preview.
Being a remote server, there is no local install. You register the endpoint with your client, authorise it once, and the tools appear.
Everything the assistant can do here goes through one of these:
start_session — Opens browser with real-time diagram previewcreate_new_diagram — Create a new diagram from XML (requires xml argument)edit_diagram — Edit diagram by ID-based operations (update/add/delete cells)get_diagram — Get the current diagram XMLexport_diagram — Save diagram to a .drawio fileCursor — The Cursor tool exposed by this serverYou will need 2 environment variables: DRAWIO_BASE_URL, PORT. The server will not start without them, which is usually why the tools fail to appear on a first run. Keep credentials in your client's env block or a secrets manager rather than in a file you might commit.
This sits in the browser automation group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Draw's toolset — start_session, create_new_diagram, edit_diagram and 3 more — is a fair guide to whether it matches your workflow. It is maintained by hj1003862396; worth a glance at recent repository activity before you build anything load-bearing on it.
We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.
| Tool | What it does |
|---|---|
| start_session | Opens browser with real-time diagram preview |
| create_new_diagram | Create a new diagram from XML (requires xml argument) |
| edit_diagram | Edit diagram by ID-based operations (update/add/delete cells) |
| get_diagram | Get the current diagram XML |
| export_diagram | Save diagram to a .drawio file |
| Cursor | The Cursor tool exposed by this server. |
{
"mcpServers": {
"drawio": {
"command": "npx",
"args": ["@next-ai-drawio/mcp-server@latest"]
}
}
}Configuration as documented by the project. Restart the client after saving.
| Variable | Description | Required |
|---|---|---|
| DRAWIO_BASE_URL | Endpoint or connection string the server talks to. | Yes |
| PORT | Configuration value read at startup. | Optional |
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
Industrial-strength web extraction — render, scrape, crawl and search entire sites into clean markdown.
The original Chromium automation reference server — simple, screenshot-driven browser control.
Give your coding agent the full DevTools toolbox: traces, network, console, heap snapshots and Lighthouse.
Puppeteer-powered browser control that drives pages from the accessibility tree instead of pixels.
Cloud browsers for AI agents — automation sessions that run in Browserbase's fleet, not on your machine.