Drawio

安装配置

{
    "mcpServers": {
        "drawio": {
            "command": "npx",
            "args": [
                "-y",
                "drawio-mcp-server",
                "--editor"
            ]
        }
    }
}

README 摘要

# Draw.io MCP server Let's do some Vibe Diagramming with the most wide-spread diagramming tool called Draw.io (Diagrams.net). [](https://discord.gg/dM4PWdf42q) [](https://github.com/lgazo/drawio-mcp-server/actions/workflows/server-ci.yml) [](https://mseep.ai/app/5fc2b7fe-8ceb-4683-97bd-6d31e07b5888) [](https://npmjs.com/package/drawio-mcp-server) ## Key Highlights - Enable Draw.io MCP in IFrames  - AWS, GCP, Azure, Cisco19, and CiscoSafe stencils auto-discovered at runtime from drawio's sidebar  - Multi-document targeting with `list-documents` and `target_document` selectors for multi-tab workflows  - Multi-page targeting with required `target_page` selectors for page-scoped tools  - Per-document FIFO serialization for live operations, so multiple agents can work on different files safely  - Page management tools: `list-pages`, `get-current-page`, `create-page`, `copy-page`, `rename-page`  - Import, embed, or expand [Mermaid](https://mermaid.js.org/) diagrams  - Firefox support is back, TLS mode is necessary  - Server supports TLS mode and optionally generates self-signed certificates  - Import and export diagrams from/to XML, SVG (with embedded XML), or PNG (with embedded XML)  - Edge geometry control with waypoints and automatic self-connector routing  - Parent-child relationships for nested shapes and grouping  - Unified Server and Extension in the same mono-repo  - Built-in Draw.io editor - no browser extension required - MCP server that lets AI agents control Draw.io diagrams - Programmatic diagram creation, inspection, and modification via MCP tools - Layer management for complex diagrams - Works with any MCP client (Claude Desktop, Claude Code, Zed, Codex, etc.) ## Introduction The Draw.io MCP server brings Draw.io diagramming capabilities to AI agents. It provides MCP tools that can create, read, update, and delete diagram elements - letting AI assistants build architectural diagrams, flowcharts, and visual documentation automatically. Two ways to use: 1. **Built-in editor** - Server hosts Draw.io directly, accessible in your browser 2. **Browser extension** - Connect to Draw.io running in your browser via extension Experimental: integration with the **draw.io desktop (Electron) app** is in progress but currently blocked by an upstream CSP issue — see [DESKTOP.md](./DESKTOP.md). ## Requirements - **Node.js** (v20 or higher) - Runtime environment for the MCP server - **MCP client** - Claude Desktop, Claude Code, Zed, Codex, OpenCode, or any MCP...