PlugWiki
Next AI Draw.io logo

Next AI Draw.io MCP Server: Setup for Claude Code, Cursor and Other Apps

CommunityLocal

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.

Install Next AI Draw.io MCP

Claude Code

  1. 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. 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_session

  • Draws 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_diagram

  • Changes 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_diagram

  • Reads 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_diagram

  • Reads 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_selection

  • Takes 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_diagram

  • Opens a .drawio file from disk

    Loads a .drawio or .drawio.svg file into the canvas.

    Try: “Open docs/architecture.drawio.”

    Files · load_diagram

  • Saves 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_diagram

  • Goes 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_version

  • Lists 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_diagrams

  • Lists the pages in the diagram

    Lists the pages (tabs) of a multi-page diagram.

    Try: “What pages does this diagram have?”

    Read · list_pages

  • Adds a page to the diagram

    Adds a new page (tab) to the diagram.

    Try: “Add a page called "Deployment".”

    Write · add_page

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-onlyNo read-only mode is documented. Saved diagrams can be turned off with the DRAWIO_DATA_DIR variable set to off.
Talks toNone 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 keysNo 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

WebsiteGitHubnpmOfficial MCP RegistryChangelogIssues

Sources

Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.

Show all 2
  1. Next AI Draw.io MCP server README · github.com
  2. Tool registrations and file writes · github.com

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 2, 2026.