Chat with AI to plan, render, validate and iteratively refine diagrams — with orthogonal edges, grid-aligned layouts and consistent fonts and colors. Fully compatible with draw.io.
Everything you need to go from idea to professional diagram
Describe what you want in natural language — the agent plans the layout, renders draw.io XML, and streams it to your canvas in real time.
Align elements, tidy edges, and apply consistent fonts and colors to any diagram without ever changing its structure or meaning.
Ask for a concise summary of the current diagram, or export a full Markdown documentation page describing components and flows.
Upload an existing diagram, image, PDF, or text file and let the AI replicate, extract, and enhance the content automatically.
Server-side post-processing snaps near-grid coordinates to a 10px grid and removes messy curved edges in favor of clean orthogonal routing.
Bring your own API key — or disable TLS verification for internal HTTPS endpoints. Keys live in your browser, never on the server.
Full version control of every edit. View, compare, and restore any previous state before the AI touched your work.
Specialized support for AWS, GCP, and Azure diagram generation using model-native cloud icon knowledge.
Expose the canvas to Claude Desktop, Cursor, VS Code and your own agents through a first-class MCP server.
Real diagrams generated from a single prompted description
Bring your own key — or configure server-side multi-model settings with the admin panel
Let any AI agent draw to your canvas
{ "mcpServers": {
"drawio": {
"command": "npx",
"args": ["@agentcanvas/mcp-server@latest"]
}
} }Then ask: “Create a flowchart showing user auth with MFA” → the diagram appears in your browser in real time.