Next AI Draw.io

{
  "mcpServers": {
    "next-ai-draw-io": {
      "command": "npx",
      "args": [
        "-y",
        "@next-ai-drawio/mcp-server"
      ]
    }
  }
}

claude mcp add --transport stdio next-ai-draw-io -- npx -y @next-ai-drawio/mcp-server

{
  "mcpServers": {
    "next-ai-draw-io": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@next-ai-drawio/mcp-server"
      ]
    }
  }
}

{
  "servers": {
    "next-ai-draw-io": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@next-ai-drawio/mcp-server"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

• start_session

  Open the preview and return the drawing guide; sessionid continues a saved diagram

• create_new_diagram

  Draw a new diagram from mxCell XML

• edit_diagram

  Add, update or delete cells by id, all or nothing

• get_diagram

  The current XML, including your edits in the browser

• get_selection

  The shapes you selected in the preview

• screenshot_diagram

  A PNG of a page, for the AI to check

• restore_version

  Go back to an earlier version; a redo stays possible

• list_saved_diagrams

  Diagrams saved by earlier sessions, newest first

An MCP server that lets Claude Code, Cursor, VS Code and other AI agents draw draw.io diagrams from your project's files, with a live preview in your browser. The preview is the canvas of the Next AI Draw.io web app: the AI's changes are outlined, Ctrl+Z takes them back, and you can edit by hand at any time.

• ai
• diagrams
• architecture-diagram
• claude-code
• diagram-generator
• draw-io
• drawio
• electron
• flowchart
• llm