Animated Diagrams

Animated Diagrams lets users describe a system, process, or workflow in plain English, then generates diagrams made of boxes, diamonds, and arrows as real, editable diagram elements on a canvas. Users can drag, recolor, or rewire shapes, replay flows with motion along arrows, and export as PNG, an editable source file, or animated GIF. The page states support for bringing your own AI provider (OpenAI, Claude, OpenRouter, or a local model). It also mentions MCP server and command-line tool access for generating diagrams from an editor or script, described as still in progress, and a template library that can be loaded without AI. Starting a diagram is described as free with no card required.

Key features

• Generates architecture diagrams, flow diagrams, and sequence diagrams from plain-English descriptions
• Editable canvas where shapes can be dragged, recolored, or rewired; output is not a flattened image
• Animated playback with motion along arrows and staggered build-up of diagrams
• Export as PNG, editable source file, or animated GIF
• Bring-your-own AI provider: OpenAI, Claude, OpenRouter, or a local model
• Clickable example templates that load as editable diagrams without AI
• MCP server and command-line tool for generating diagrams from an editor or script (described as still being sketched)
• Expanded shape library and additional animation options (listed as new)

Best suited for

• Documenting system architecture with services, data stores, and connections
• Visualizing workflows and decision paths with labeled yes/no branches
• Creating sequence diagrams showing actors and messages
• Producing animated diagram walkthroughs or GIFs for pull requests and docs

Pricing

Not stated on the website