Draw.io to Mermaid
Parse the nodes and edges of Draw.io XML locally to generate Mermaid chart code; complex diagrams may require manual review.
Local browser processing
This page has passed the public directory check; full functionality is available after enabling JavaScript.
User Guide
How to use Draw.io to convert to Mermaid
Draw.io to Mermaid parses the user-selected XML only in the current browser; it does not upload or read other files.
Enter XML
Paste or select local Draw.io XML files.
Parse graphic
The tool extracts nodes, labels, and connectors, and indicates unsupported shape properties.
Check and copy
Check the Mermaid syntax and direction, then copy the code into the target document.
Limitations and Notes
- The initial version mainly preserves node and connection semantics; it does not guarantee complete restoration of colors, layout, swimlanes, or custom shapes.
- Complex connections, grouping, and special XML extensions may be downgraded or flagged.
- Enter at most 1 MiB; generated results must be validated again in the target Mermaid renderer.
FAQ
Will it open Draw.io or execute scripts?
No, it only parses the XML text provided by the user.
Why weren’t the layout and colors preserved?
Mermaid and Draw.io have different graphical models; the initial version prioritizes preserving structure over pixel-level styling.
Will the source file be uploaded?
No, processing occurs only locally in the browser.