
Next AI Draw.io MCP Server: Setup for Claude Code, Cursor and Other Apps
Lets Claude, Cursor and other assistants draw draw.io diagrams on a live canvas you can also edit by hand.
This server lets Claude, Cursor and other assistants draw draw.io diagrams from your project, with a live preview in your browser. You can edit the same canvas by hand, and the assistant reads your changes back. It runs locally with npx, needs no account and works offline. It saves diagrams in your home folder and can export files, so check export paths.
Good for
- Developers who want an architecture diagram drawn from their own repo
- Teams who sketch with an assistant and then fix details by hand
- Anyone who needs AWS, Azure, GCP or Kubernetes diagrams with real icons
Works in
12 should work
Tap an app to see how to set it up and any known problems.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Client does not support this transport.
Client does not support this transport.
Install Next AI Draw.io MCP
Claude Code
- 1
Copy this prompt.
Add the Next AI Draw.io MCP server to Claude Code. Run this command: claude mcp add next-ai-draw-io -- npx -y @next-ai-drawio/mcp-server Then check that it loaded and tell me if I need to sign in or restart.
- 2
Paste it into Claude Code. It shows the change and asks before running it.
Requires Node.js.
Built from the package data we hold. Not yet tested by us.
Tools
Opens the diagram preview in your browser
Starts a session, opens the live draw.io preview and returns the drawing guide. Give it a saved session to continue an earlier diagram.
Try: “Start a new diagram session.”
Files ·
start_sessionDraws a new diagram
Replaces the canvas with a diagram the assistant describes in draw.io XML. It appears in the preview as it is drawn.
Try: “Read this repo and draw its architecture.”
Write ·
create_new_diagramChanges shapes in the current diagram
Adds, updates or deletes shapes by id. All the edits apply together or none do.
Try: “Add a cache box between the API and the database.”
Delete ·
edit_diagramReads the diagram as it is now
Returns the current diagram, including any changes you made by hand in the browser.
Try: “Read the diagram back, including my edits.”
Read ·
get_diagramReads which shapes you selected
Returns the shapes you have selected in the preview, so you can say "these" or "this one".
Try: “Make the shapes I selected blue.”
Read ·
get_selectionTakes a picture of the diagram
Returns a PNG of a page so the assistant can check for overlaps and fix them.
Try: “Look at the diagram and fix anything that overlaps.”
Read ·
screenshot_diagramOpens a .drawio file from disk
Loads a .drawio or .drawio.svg file into the canvas.
Try: “Open docs/architecture.drawio.”
Files ·
load_diagramSaves the diagram as a file
Writes the diagram as .drawio, .png, .svg or .drawio.svg to a path you give. Images get a 20 px margin, and PNGs a white background unless you ask for a transparent one.
Try: “Export the diagram to docs/architecture.png.”
Write ·
export_diagramGoes back to an earlier version
Restores one of the last 20 versions of the diagram. A redo stays possible.
Try: “Undo the last two changes.”
Write ·
restore_versionLists diagrams from earlier sessions
Lists saved diagrams, newest first, so you can continue one in a new chat.
Try: “Which diagrams have I saved?”
Files ·
list_saved_diagramsLists the pages in the diagram
Lists the pages (tabs) of a multi-page diagram.
Try: “What pages does this diagram have?”
Read ·
list_pagesAdds a page to the diagram
Adds a new page (tab) to the diagram.
Try: “Add a page called "Deployment".”
Write ·
add_pageRenames a page
Gives a page of the diagram a new name.
Try: “Rename page 2 to "Data flow".”
Write ·
rename_pageDeletes a page from the diagram
Removes a page and its shapes from the diagram. You can go back with an earlier version.
Try: “Delete the "Draft" page.”
Delete ·
delete_pageUsed by the assistant behind the scenes
Repeats the drawing rules
Returns the rules the assistant follows for shapes, layout and styling, including your own rules from instructions.md.
Try: “Show me the drawing rules you follow.”
Read ·
get_drawing_guideShows icon styles for a shape set
Returns the shape names for a library such as AWS, Azure, GCP or Kubernetes, so the assistant uses real icons.
Try: “Which AWS icons can you use?”
Read ·
get_shape_library
Read from the source code
Permissions
medium risk · 3 things to watch
Medium risk
It runs on your computer, opens a preview page in your browser, saves every diagram under your home folder and can write image and diagram files to paths the assistant chooses. Check the path before you let it export, and keep the preview on your own machine.
What it can do
- Read your data
- Create and change things
- Delete things
- Read-only mode
Watch out for
Export and load use file paths on your machine
export_diagram writes to any path it is given and creates missing folders; load_diagram reads a path. Review the path in the approval prompt. github.com
Diagrams are saved in your home folder
Every change is saved under ~/.next-ai-drawio, and the newest 50 diagrams are kept. Set DRAWIO_DATA_DIR to off if you do not want that. github.com
A local web server runs while it is open
It serves the preview on 127.0.0.1, and every API request needs a token only the preview page has. Do not forward the port. github.com
Security advisories
No published security advisories for the MCP server as of Nov 1, 2026.
1 other advisory is about the wider next-ai-draw-io project, not this MCP server. See them on GitHub
Technical details
| Turning on read-only | No read-only mode is documented. Saved diagrams can be turned off with the DRAWIO_DATA_DIR variable set to off. |
|---|---|
| Talks to | None needed for drawing: the draw.io editor ships inside the package. A self-hosted draw.io only if you set DRAWIO_BASE_URL. |
| Sign-in and keys | No account or key. |
Questions
Do I need an account or API key?
No. It runs on your computer with npx, and the draw.io editor is bundled, so it works offline.
How is it different from the draw.io server?
This one keeps a live canvas in your browser that the assistant reads back, including your hand edits, and you can undo the assistant's changes with one keypress. The draw.io server opens each diagram in the editor and does not read it back. The README has a full comparison.
Can I edit the diagram myself?
Yes. The preview is a draw.io canvas. The assistant reads your edits and selection before it edits again.
Where are my diagrams saved?
In a folder named .next-ai-drawio in your home folder, with the last 20 versions of each. You can change the folder or turn saving off.
What file types can it export?
.drawio, .png, .svg and .drawio.svg. It can open .drawio and .drawio.svg files.
Does it work in Claude Desktop?
Yes. The README says it works in most clients with the same config, including Cursor, Claude Desktop and Cline. Restart the app after adding it.
Information
updated Nov 2, 2026
- Publisher
- Community
- Package
@next-ai-drawio/mcp-server- Registry
- npm
- Transport
- stdio
- Auth
- None
- Version
- 0.4.7
- License
- Apache-2.0
- Last commit
- Oct 31, 2026
- Open issues
- 30
- Listed in
- Official MCP registry
Sources
Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.
Show all 2Hide
- Next AI Draw.io MCP server README · github.com
- Tool registrations and file writes · github.com