Turn words into diagrams that move
Describe your system. Our AI draws it, keeps it updated, and lets you explore.
Every illustration here is drawn from the same canvas
Architecture diagrams
Services, data stores, and the lines between them — laid out for you, not just listed.
Flow diagrams
Decisions become diamonds. Yes and no get their own labeled, color-coded paths.
Sequence diagrams
Actors, lifelines, and messages — the exact shape engineers already read at a glance.
Plain English in, shapes out
Describe what happens, in order. The layout, the colors, and the arrows are not your problem.
Still 100% editable
Nothing is a flattened image. Click any shape and drag, recolor, or rewire it like you drew it yourself.
Animated, not static
Replay the flow with motion along the arrows, or watch the whole diagram build itself piece by piece.
Export however you ship
A crisp PNG for the doc, an editable file for your teammate, or a GIF for the pull request.
Bring your own AI
OpenAI, Claude, OpenRouter, or a local model — pick the provider, keep the same workflow.
Three steps, no diagramming tool required
Describe it
Type what happens, in order — actors, systems, and the path between them.
Generate
Diagram Studio lays out boxes, diamonds, and arrows as real, editable diagram elements.
Animate & export
Replay the flow, then ship it as PNG, an editable source file, or an animated GIF.
This is the actual output, not a mockup
Click any example to load an editable template on the canvas — no AI required.
Still sketching a few things in
MCP & CLI
Generate diagrams from your editor or a script — an MCP server and a command-line tool, same prompt-to-shapes engine.
New animations
More ways to play a diagram back: staggered builds, looping signals, timing that matches how you would explain it out loud.
Expanded library
More shapes pulled in from a growing library, not just the templates built into this page.