SkillFoxx

Draw.io MCP server

An MCP server for draw.io: the agent builds and edits diagrams, works with layers, pages and cloud provider shapes

  • 1,498 ★ on the repository
  • Last commit
  • MIT
MCP server

Extended access

Why this level

  • Runs a local server and connects to the editor over websocket
  • Creates and changes diagrams and can save them to files
All reasons and checks

lgazo/drawio-mcp-serverAuthor:Ladislav Gazo

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add mcp/lgazo-drawio-mcp-server

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Extended accessThe tool runs code or makes network calls and only reads external data.

  • Runs a local server and connects to the editor over websocket
  • Creates and changes diagrams and can save them to files

This is third-party code. Review the repository files before installing.

What it does

The server gives the agent a set of MCP tools to control draw.io diagrams. With them it can create, read, change and delete shapes, edges and labels, work with layers and pages, and import and export diagrams as XML, SVG and PNG. It supports importing and embedding Mermaid diagrams. Shape sets for AWS, GCP, Azure and Cisco are picked up from the draw.io sidebar at runtime, so the agent places the right icons without a pre-built catalog. You can work through the built-in editor that the server hosts, or through a browser extension connected to draw.io in your browser.

Who it is for. For developers, architects and technical writers who need to build diagrams straight from a chat with the agent.

Good fit when

  • You need to build an architecture diagram or flowchart from a description
  • You need to edit an existing draw.io diagram together with the agent
  • You need to bring a Mermaid diagram into editable draw.io form

Not a fit when

  • You only need to view a finished image without editing
  • You cannot run a local server or install a browser extension

Example request

Build an event-driven architecture diagram with a message queue, producers, consumers and three services

MCP

Transport
stdio
Authentication
not required

Limitations

The server needs Node.js 22 or newer and runs as part of an MCP host. It requires either the built-in editor with the --editor flag or the browser extension with draw.io open in the browser. Integration with the draw.io desktop Electron app is marked experimental and is currently blocked by a CSP restriction on the draw.io side. A TLS mode with HTTPS and WSS is opt-in, and the server can generate self-signed certificates itself.

How to disable. Remove the drawio entry from your client's MCP configuration. If you installed it as a Claude Code plugin, remove it via /plugin.

FAQ

Do I need the browser extension?

Not necessarily. You can run the built-in editor with the --editor flag; the extension is a second option for working with draw.io directly in the browser.

Does the draw.io desktop app work?

Not yet. Integration with the Electron desktop app is experimental and is blocked by a CSP restriction on the draw.io side.

Discussion

No questions or reviews yet.

MCP servers

MCP server that renders diagrams from text or source: 46 types, including PlantUML, Mermaid, C4, BPMN and interactive maps.

MCP serverExtended access110

Cocos Creator MCP Server

Cocos Creator MCP Server Plugin

An MCP server as a Cocos Creator editor extension: the agent controls scenes, nodes, components, prefabs and project assets

MCP serverExtended access1.5K

A plugin with skills for building TypeScript MCP servers and MCP apps: the agent scaffolds, edits, debugs and verifies them

PluginExtended access10.9K

Altium MCP Server gives Claude access to an open Altium Designer project: board queries, symbols, footprints and output jobs

MCP serverExtended access223
Official

A command-line debugger for MCP servers from Giant Swarm: a REPL for tools, OAuth 2.1 and an MCP server mode for Cursor

CLIExtended access38

An MCP server that lets an agent edit an open project in Altium Designer, KiCad or EasyEDA Pro: schematics, boards, libraries, checks

MCP serverBroad access355

README in short

The README presents an MCP server for draw.io that gives agents tools to create, read, change and delete diagram elements. You can work through the built-in editor with the --editor flag or through a browser extension. The fastest install is the Claude Code plugin via /plugin or the npx drawio-mcp-server install command for the target host, with a manual mcpServers config snippet also provided. It lists layers, pages, XML, SVG and PNG import and export, Mermaid import and runtime pickup of AWS, GCP, Azure and Cisco shapes. It states that Node.js 22 or newer is required and that draw.io desktop integration is still experimental. MIT licensed.

README badge

Report a problem