@drawio/mcp
MCP ServerFreeOfficial draw.io MCP server for LLMs - Open diagrams in draw.io editor
Capabilities10 decomposed
diagram-file-opening-in-draw-io-editor
Medium confidenceEnables LLMs to open diagram files (draw.io XML, Mermaid, CSV, SVG) directly in the draw.io web editor via MCP protocol, establishing a bidirectional communication channel between the LLM and the editor. Uses MCP resource URIs to reference local or remote diagram files and translates them into draw.io-compatible formats, allowing the LLM to initiate editor sessions with pre-loaded diagrams for visualization and interactive editing.
Official draw.io MCP server implementation that bridges LLM context and the draw.io editor via MCP resource protocol, enabling direct file opening without manual export/import workflows. Uses draw.io's native file format handling to preserve diagram fidelity across format conversions.
Official implementation ensures compatibility with draw.io's latest features and file formats, whereas generic diagram tools require custom format translation and lack native editor integration
mermaid-to-draw-io-format-conversion
Medium confidenceConverts Mermaid diagram syntax (flowcharts, sequence diagrams, class diagrams, etc.) into draw.io XML format for rendering and editing in the draw.io editor. The conversion process parses Mermaid syntax, maps diagram elements to draw.io shape primitives, and generates valid XML with positioning, styling, and connector information, allowing LLMs to author diagrams in Mermaid and visualize them in draw.io's interactive editor.
Official Mermaid-to-draw.io converter that maintains semantic fidelity during format translation, using draw.io's native shape library and connector model to preserve diagram intent. Handles multiple Mermaid diagram types with type-specific layout rules.
Official implementation ensures Mermaid syntax support matches draw.io's capabilities, whereas third-party converters often lag behind Mermaid updates and produce suboptimal layouts
csv-to-diagram-table-generation
Medium confidenceTransforms CSV data into draw.io table diagrams with structured rows, columns, and styling. The conversion parses CSV headers and rows, creates draw.io table primitives with cell formatting, and generates a visual representation suitable for data modeling, entity-relationship diagrams, or data flow documentation. Enables LLMs to convert tabular data into visual diagram format for inclusion in draw.io projects.
Integrates CSV parsing directly into the MCP server, allowing LLMs to reference CSV files and automatically generate draw.io table diagrams without intermediate conversion steps. Uses draw.io's native table primitives for consistent styling and editability.
Native CSV support in the MCP server eliminates the need for external CSV-to-diagram tools, whereas generic solutions require manual table creation or third-party converters
svg-to-draw-io-import
Medium confidenceImports SVG files into draw.io by converting SVG elements (paths, shapes, text, groups) into draw.io-compatible primitives. The conversion preserves visual properties (fill, stroke, opacity) and attempts to maintain structural hierarchy, allowing LLMs to reference SVG files and open them in draw.io for further editing and integration with other diagram elements.
Provides native SVG import via MCP, allowing LLMs to directly reference and open SVG files in draw.io without manual export/import. Uses SVG parsing to extract geometric and styling information for faithful conversion to draw.io primitives.
Direct SVG import via MCP is more seamless than manual copy-paste or external conversion tools, though fidelity is lower than native SVG editing in specialized tools
diagram-file-resource-discovery-and-listing
Medium confidenceExposes diagram files (draw.io, Mermaid, CSV, SVG) as MCP resources, allowing LLMs to discover, list, and reference available diagrams in a project directory or workspace. The server scans the file system, indexes supported diagram formats, and provides resource URIs that LLMs can use to reference files in conversations and tool calls. Enables LLMs to maintain awareness of available diagrams without explicit file path specification.
Implements MCP resource protocol for diagram discovery, allowing LLMs to query available diagrams as first-class resources rather than requiring manual file path specification. Supports multiple diagram formats with unified resource interface.
MCP resource protocol provides standardized discovery mechanism across LLM clients, whereas manual file path specification requires user intervention and lacks discoverability
draw-io-xml-validation-and-parsing
Medium confidenceValidates and parses draw.io XML files to extract diagram structure, elements, connections, and metadata. The parser reads draw.io's XML schema, validates file integrity, and provides structured access to diagram components (shapes, connectors, layers, styles). Enables LLMs to analyze existing diagrams, understand their structure, and make informed modifications or generate related diagrams.
Provides structured parsing of draw.io XML format, enabling LLMs to understand and reason about diagram structure without requiring manual inspection. Uses draw.io's XML schema for accurate element and property extraction.
Native draw.io XML parsing is more accurate than generic XML tools, as it understands draw.io-specific semantics and properties
llm-to-draw-io-diagram-generation
Medium confidenceEnables LLMs to generate draw.io diagrams programmatically by constructing draw.io XML from natural language descriptions or structured specifications. The LLM can describe diagram requirements (elements, connections, layout) and the MCP server translates these into valid draw.io XML with appropriate shapes, connectors, styling, and positioning. Allows LLMs to create diagrams directly without requiring users to manually draw them.
Integrates LLM diagram generation with draw.io's native XML format, allowing LLMs to generate diagrams that are immediately editable in draw.io without format conversion. Uses MCP function calling to enable LLMs to invoke diagram generation as a tool.
Direct draw.io XML generation is more flexible than Mermaid-based generation, as it supports draw.io's full shape library and styling options, though it requires more structured LLM prompting
mcp-function-calling-for-diagram-operations
Medium confidenceExposes diagram operations (open, create, convert, validate) as MCP tools that LLMs can invoke via function calling. The server implements MCP tool schema with input/output specifications for each operation, allowing LLMs to call diagram functions with natural language intent translated to structured tool invocations. Enables seamless integration of diagram operations into LLM workflows and agent loops.
Implements MCP tool protocol for diagram operations, enabling LLMs to invoke diagram functions as first-class tools in agent loops. Uses standardized MCP tool schema for consistent integration across LLM clients.
MCP tool protocol provides standardized function calling interface across LLM clients, whereas custom integrations require client-specific implementation
diagram-file-persistence-and-storage
Medium confidenceHandles reading and writing diagram files to disk in supported formats (draw.io XML, Mermaid, CSV, SVG). The server manages file I/O operations, ensures format-specific encoding and validation, and provides atomic write operations to prevent data loss. Enables LLMs to persist generated or modified diagrams to the file system for later retrieval and collaboration.
Provides format-aware file persistence for multiple diagram formats, ensuring that diagrams are saved in their native formats with proper encoding and validation. Uses atomic write operations to prevent partial or corrupted saves.
Format-aware persistence ensures diagrams are saved correctly for each format, whereas generic file I/O may produce invalid or corrupted files
multi-format-diagram-export
Medium confidenceExports diagrams from draw.io XML to multiple formats (Mermaid, SVG, PNG, PDF) for use in documentation, presentations, and external tools. The export process converts draw.io elements to target format specifications, applies format-specific styling and layout rules, and generates output files. Enables LLMs to generate diagrams in draw.io and export them to formats suitable for different use cases.
Provides multi-format export from draw.io XML, allowing diagrams to be converted to various formats for different use cases. Uses format-specific converters to ensure output quality and fidelity.
Multi-format export from a single source (draw.io XML) is more efficient than maintaining separate diagram files in each format, though export quality varies by target format
Capabilities are decomposed by AI analysis. Each maps to specific user intents and improves with match feedback.
Related Artifactssharing capabilities
Artifacts that share capabilities with @drawio/mcp, ranked by overlap. Discovered automatically through the match graph.
Mermaid
The official Mermaid Editor plugin by the Mermaid open source team, now with AI-powered diagramming! Create, edit and preview diagrams seamlessly within VS Code
Eraser
Revolutionizes engineering documentation with diagram-as-code, markdown, and GitHub...
drawio-mcp-server
Draw.io Model Context Protocol (MCP) Server
CodeViz | Visual codebase maps
Fast codebase understanding and navigation
Mermaid
** - Generate [mermaid](https://mermaid.js.org/) diagram and chart with AI MCP dynamically.
FileScopeMCP
** - Analyzes your codebase identifying important files based on dependency relationships. Generates diagrams and importance scores per file, helping AI assistants understand the codebase. Automatically parses popular programming languages, Python, Lua, C, C++, Rust, Zig.
Best For
- ✓LLM users (Claude, etc.) who need interactive diagram visualization during conversations
- ✓teams building diagram-centric workflows with LLM assistance
- ✓developers integrating draw.io into MCP-based agent systems
- ✓developers familiar with Mermaid syntax who want draw.io's interactive editing capabilities
- ✓LLM users generating diagrams programmatically and needing visual validation
- ✓teams using Mermaid in documentation who want to migrate to draw.io for collaboration
- ✓data engineers documenting data structures visually
- ✓architects creating entity-relationship diagrams from CSV schemas
Known Limitations
- ⚠Requires draw.io to be accessible (web or desktop app) — no headless rendering
- ⚠File format conversion may lose advanced draw.io-specific properties when importing from Mermaid or CSV
- ⚠No real-time sync between LLM edits and draw.io UI — changes in editor are not automatically reflected back to the LLM context
- ⚠Not all Mermaid diagram types are supported — complex subgraph nesting or advanced styling may not convert perfectly
- ⚠Conversion is one-way (Mermaid → draw.io) — editing in draw.io and converting back to Mermaid is not supported
- ⚠Layout algorithms differ between Mermaid and draw.io, so converted diagrams may require manual repositioning for optimal appearance
Requirements
Input / Output
UnfragileRank
UnfragileRank is computed from adoption signals, documentation quality, ecosystem connectivity, match graph feedback, and freshness. No artifact can pay for a higher rank.
Package Details
About
Official draw.io MCP server for LLMs - Open diagrams in draw.io editor
Categories
Alternatives to @drawio/mcp
Are you the builder of @drawio/mcp?
Claim this artifact to get a verified badge, access match analytics, see which intents users search for, and manage your listing.
Get the weekly brief
New tools, rising stars, and what's actually worth your time. No spam.
Data Sources
Looking for something else?
Search →