Drawio

drawio Diagram Workflow

Create, export, and visually verify diagrams using draw.io.

Tools

• MCP (@drawio/mcp): Create and edit .drawio XML files
• CLI (drawio): Export diagrams to PNG/SVG/PDF
• Read tool: View exported images for visual verification

Workflow

1. Create: Use MCP to generate the .drawio file
2. Export: Run drawio -x -f png -o <output.png> <input.drawio> to export as PNG
3. Verify: Use the Read tool to view the exported PNG and check layout, labels, and connections
4. Refine: If the diagram needs improvement, edit via MCP and repeat from step 2

CLI Reference