Let's do some Vibe Diagramming with the most wide-spread diagramming tool called Draw.io (Diagrams.net).
MCP.Pizza Chef: lgazo
Draw.io is the free diagramming tool most people already use for flowcharts and architecture sketches. With this connected, your assistant can create shapes, connect and label them, organize layers, add and rename pages, and pull in Mermaid diagrams, leaving you to tidy up by hand. Amazon, Google, Azure, and Cisco icon sets are picked up automatically. It hosts its own editor in your browser, needs no account, and works in Claude Desktop, Claude Code, Zed, Codex, and OpenCode.
Images/Design
Use This MCP server To
Draw a flowchart of a process I explain in words Sketch an architecture diagram with the right cloud icons Rearrange an existing diagram into cleaner layers Turn a Mermaid snippet into an editable diagram Add a new page to a diagram and copy shapes across
README
drawio-mcp-server FAQ
Do I need a Draw.io account?
No — Draw.io is free, and the server can host the editor itself in your browser.
Can I use this to draw a flowchart from a description?
Yes — describe the steps and it will place and connect the shapes for you.
Which apps does it work in?
Claude Desktop, Claude Code, Zed, Codex, OpenCode, and any other MCP-compatible host.
What do I need installed?
Node.js version 22 or newer, and nothing else if you use the built-in editor.
Where does the diagram appear?
In your browser at a local address, or inside Draw.io itself if you add the browser extension.
Can I still edit the result by hand?
Yes — it produces an ordinary Draw.io diagram you can open, adjust, and export.