# Next AI Draw.io (MCP server)

> Next AI Draw.io is 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… It has 36,412 GitHub stars, is released under the Apache-2.0 license and runs locally with npx -y @next-ai-drawio/mcp-server.

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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/DayuanJiang/next-ai-draw-io |
| GitHub stars | 36,412 |
| License | Apache-2.0 |
| Language | TypeScript |
| Transport | stdio |
| Packages | npm: @next-ai-drawio/mcp-server |
| Remote URL | none |
| Needs API key | no |
| Official | no |
| Works with | Claude Desktop, Claude Code, Cursor, VS Code |
| Category | Web & browsing |
| Latest release | v0.5.0 (Oct 10, 2026) |
| Last commit | Oct 26, 2026 |
| MCP registry name | io.github.DayuanJiang/next-ai-drawio |

## Install

### Claude Desktop (claude_desktop_config.json)

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

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

### Claude Code

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

### Cursor (.cursor/mcp.json)

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

Project file; use ~/.cursor/mcp.json to enable it in every project.

### VS Code (.vscode/mcp.json)

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

Config formats checked against the official docs on 2026-10-07.

## Tools

- `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

## Similar MCP servers

- [Playwright MCP](https://appsgit.com/mcp-servers/playwright-mcp): A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright. (38,639 stars, Apache-2.0, official)
- [AIHawk](https://appsgit.com/mcp-servers/aihawk): AI browser agent: browses, clicks, types, and reads real web pages from plain-English instructions. (32,250 stars, MIT)
- [Bytedance Browser](https://appsgit.com/mcp-servers/bytedance-browser): MCP server for browser use access. (39,392 stars, Apache-2.0)
- [Skyvern](https://appsgit.com/mcp-servers/skyvern): AI-powered browser automation — navigate, click, fill forms, and extract data from any website. (23,276 stars, AGPL-3.0, needs API key)
- [Chrome DevTools MCP](https://appsgit.com/mcp-servers/chrome-devtools-mcp): MCP server for Chrome DevTools. (54,166 stars, Apache-2.0)
- [Skill Seekers](https://appsgit.com/mcp-servers/skill-seekers): Convert documentation websites, GitHub repositories, and PDFs into Claude AI skills with automatic conflict detection. (15,223 stars, MIT)

---

Canonical page: https://appsgit.com/mcp-servers/next-ai-draw-io
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.