Shapes that behave
Flowchart primitives, containers, bands, stacked cards, sticky notes and legends. Drag from the palette, snap to the grid, resize from eight handles, and let alignment guides line things up with their neighbours.
Drag shapes, snap them to a grid and wire them up — or describe the system in a sentence and watch the canvas build itself. Connections animate, and they keep animating in the file you export.
The editor works signed out and saves to this browser. Sign in and your work comes with you.
Everything below is in the app today — ports and orthogonal routing, undo across every edit, and exports that carry the whole drawing with them.
Flowchart primitives, containers, bands, stacked cards, sticky notes and legends. Drag from the palette, snap to the grid, resize from eight handles, and let alignment guides line things up with their neighbours.
Hover a shape for its four ports, drag to a target and the nearest port is chosen for you. Orthogonal, bezier or straight, with independent arrowheads at each end and a dash pattern that is separate from the animation.
Marching ants plus a particle riding the path, per connection. Play and pause affects the view; a separate control sets or clears the animated flag across the whole document, in one undo step.
Describe a change and the model sends only what changes — the app keeps your positions, your colours and your icons. Large diagrams arrive tier by tier and build on screen, and the whole run collapses into a single Ctrl+Z.
Microsoft's official architecture icon set, indexed and searchable in the palette. Only the icons you actually place are fetched, and a placed icon is inlined into your exports rather than linked back here.
A style preset is the document's own visual language — card fills, corner radius, typeface, container tints, badge colours and what each connector role looks like. Switching it repaints the diagram in one undoable step and leaves your hand-picked colours alone.
These are the real documents, rendered here by the same exporter the app uses. Open one and it edits, restyles, undoes and exports like anything you drew — and saving gives you your own copy, so the original stays as it came.
An exported SVG inlines its own styles, its arrow markers and every icon it uses, so it never reaches back to this app or out to a font server. The animation survives the trip: open the file in a browser and the connectors still march.
An account keeps your diagrams, your uploaded shapes and your AI settings together and reachable from any browser. Your provider key stays on the server, encrypted, and is never sent back to the page.