drawio-mcp-server
Enable AI to create and edit diagrams in Draw.io via the MCP protocol.
- Type
- MCP
- Transport
- stdio
- Open source
- Yes
- GitHub Stars
- ★ 1.3k
- Source
- mcp-github
- Repository
- github.com/lgazo/drawio-mcp-server
Overview
The Draw.io MCP server provides AI agents with diagramming capabilities, supporting creation, reading, updating, and deletion of diagram elements through MCP tools. This allows AI assistants to automatically generate architecture diagrams, flowcharts, and visual documentation. The service offers two usage modes: built-in editor (accessible directly in the browser) and browser extension (integrated with Draw.io in the browser). It supports multi-document and multi-page operations and enables importing/exporting diagrams in XML, SVG, or PNG formats.
Capabilities
- ▪Create and edit diagrams
- ▪Manage multiple documents and pages
- ▪Import/export diagrams
- ▪Embed Mermaid diagrams
- ▪Control edge geometry
- ▪Handle parent-child relationships
Use cases
Setup
npx -y drawio-mcp-server --editor
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How do I configure the MCP client?
Refer to the detailed configuration instructions in the README.
Is the browser extension supported?
Yes, the drawio-mcp-extension needs to be installed.
Related skills
ux-ui-agent-skills
Transform Claude into a senior design architect with design tokens, components, accessibility, and more.
lemo-opuscar
43 film styles, each accompanied by a short film entirely created with code.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
sprite-gen
Generate clean 2D game sprites and animation atlases.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.