Glideflow01
Build it
Drag nodes onto the canvas and connect them, or describe your system in a sentence and let AI draft the whole diagram.
Diagrams for product & engineering teamsNew · Create flows from Claude (MCP) →
Your architecture diagram,
always up to date.
The one in your docs is a screenshot from six months ago that nobody trusts. Glideflow gives you a live diagram you embed once, and it stays current. The data even animates along it, so you can finally see how the system runs.
Free plan, no credit card. Pro is $5/mo.
0%
live in your docs, with no screenshots to re-export when the system changes
~0s
from a one-line prompt to a working, animated diagram with AI
$0/mo
for Pro: unlimited flows, no badge, private embeds
Built for the teams who document how their systems work
Platform teams•Backend & infra•Solutions engineering•Technical writers•Open-source maintainers
The problem
Your architecture diagram is a screenshot from six months ago.
You drew it once in draw.io, exported a PNG, and pasted it in the wiki. The system has moved on three times since. New folks stare at boxes and arrows and still can't tell which way the data goes. Explaining the flow in a meeting means waving your hands. The diagram should move the way the system does.
How it works
Three steps from idea to live embed.
02
Watch it move
Packets travel along every edge, so anyone can see which way a request moves through the system instead of guessing from static boxes and arrows.
03
Embed anywhere
Copy a link or an iframe and paste it into your docs, README, Notion, or blog. The live, animated diagram renders inline.
What's inside
Everything you need to make a system make sense.
Motion
Packets that flow
Glowing packets travel along every edge, so the diagram shows direction and movement the way the real system behaves.
AI
Describe it, get a diagram
Type "user → API → orders service → Postgres, with a Kafka worker for invoices" and AI lays out the nodes and edges for you to refine.
MCP
Generate flows from Claude
Connect Glideflow to your AI with one command. Ask Claude to draft a diagram and it builds a real flow in your account, then hands back the embed link.
Canvas
Drag, drop, connect
A fast canvas with snapping, kinds, labels, and notes. Build clean diagrams without fighting the tool or learning a syntax.
Embed
One live link, everywhere
A public link or iframe renders the animated diagram inline and stays current. Update the flow and the embed updates too.
Themes
Light and dark, both crisp
Diagrams look right on a white docs page or a midnight README. The theme follows wherever you embed.
Kinds
Nodes that read at a glance
Clients, gateways, services, queues, databases, and storage each get their own color and icon, so the shape of the system is obvious.
Works with your AI
Build diagrams without leaving your AI chat.
Glideflow runs a remote MCP server. Connect it to Claude, then ask for a diagram in plain language. Your AI creates the flow in your account and hands back a link you can embed.
# add Glideflow to Claude
claude mcp add --transport http glideflow \
https://glideflow.pro/api/mcp \
--header "Authorization: Bearer gfk_..."
# then, in Claude:
"Draw our checkout flow and give me the embed."
- Create, update, and publish flows straight from your AI.
- Get a live link and an iframe back, ready to paste in your docs.
- Your key, your account. Generate it in Settings, works on every plan.
The static tools stop at the picture.
Mermaid, draw.io, and Excalidraw are great at drawing. None of them move, embed live, or draft from a prompt.
Glideflow
Static tools
Live embed that stays current
-
No screenshots to re-export
-
Animated packets along edges
-
Generate from a text prompt (AI)
-
Create diagrams from your AI (MCP)
-
Drag-and-connect canvas
Light and dark themes
“Static tools” = Mermaid, draw.io, Excalidraw. Comparison reflects core diagramming features as of 2026.
Simple, flat pricing.
Start free. Upgrade when you want unlimited flows and your name off the badge.
Free
$0
To get going
- A few saved flows
- AI generation (limited)
- Animated public embeds
- Light & dark themes
- “Made with Glideflow” badge
Pro
For teams$5/mo
Everything in Free, plus
- Unlimited flows
- Remove the badge
- Private embeds
- Unlimited AI generation
- Priority support
Prices in USD. Billed via Stripe. Cancel anytime. Full pricing →
Questions, answered
What is Glideflow, exactly?+
A way to keep your architecture diagram up to date instead of pasting a screenshot that's stale by next week. You lay out your system on a canvas (or describe it to AI) and embed a live diagram in your docs that you edit in one place. It also animates, with packets flowing along the edges so anyone can see how requests move through the system.
Can I embed a diagram in Notion, GitHub, or my docs?+
Yes. Every flow gets a public link and an iframe snippet. Paste the iframe into your docs site, Notion, a blog, or anywhere that allows embeds. GitHub READMEs don't run iframes, so there you link out to the live diagram (and can drop in a preview image).
Does the animation keep playing inside an iframe?+
Yes. The embed renders the same live, animated canvas as the editor, so packets keep flowing in the iframe. It also respects a reader's reduced-motion setting and falls back to a static diagram.
Is there a free plan?+
Yes. Free gives you a handful of flows, AI generation (limited), and public embeds that carry a small "Made with Glideflow" badge. Pro is a flat $5/month for unlimited flows, no badge, private embeds, and unlimited AI.
How does the AI generation work?+
Describe your system in plain language and Glideflow drafts the nodes, edges, and labels for you. It's a starting point you edit on the canvas, so you stay in control of the final diagram.
Can my AI create flows for me?+
Yes. Glideflow runs a remote MCP server, so you can connect it to Claude (or any MCP client) and ask your AI to build a diagram. It creates the flow in your account and returns a link you can share or embed. Generate a key in Settings, add it with one command, and your AI can create, update, and publish flows. It works on every plan.
Can I keep a diagram private?+
On Pro, yes. Private embeds let you share a diagram only with people who have the link, without listing it publicly. Free flows are public when embedded.
Make your next diagram
come alive.
Build your first animated flow in a couple of minutes. Free to start, no credit card.