Diagram mode
Process, decision, start and end shapes, sticky notes and labels. Resize, restyle and connect them from any side.
v2 is on its way: AI workflows that actually run
Map it out. Then make it run.
Diagrams and AI workflows on one live, collaborative canvas. Sketch a process, design the pipeline next to it, and build it together in real time.
No account needed for the playground · free while in v1
flowcraftv1/Launch plan
ALY
Saved ShareDiagramWorkflow
NODES
InputA value you supply
OutputA result it returns
TextA template
LLMGenerate text
Input
topic
topictext
Text
Write a four-line poem about {{topic}}
topicany
texttext
LLM
{{context}}
contextany
responsetext
Output
poem
poemtext
Launch on Friday! Ada owns the prompt.
Chat
Ada added “LLM”
LinCan it translate the poem too?
Ada edited “Text”
Next on the list!
9 nodes · 5 connections · ✓ Ready to run
Ada
Lin
Features
Everything you need to think in flows
Two modes on one canvas, built for teams from the first click.
Live together
Everyone in a flow sees each other's edits, cursors and selections the moment they happen.
Workflow mode
Typed nodes that pass data along. Type {{topic}} and a matching input appears.
Chat with the change history
Messages and edits share one timeline, so “Ada deleted the LLM node” sits right next to the conversation about it.
Versions
Named saves plus automatic snapshots while you work. Restore with one click, and undo the restore too.
Sharing
Invite editors or viewers, even before they sign up, or publish a view-only public link.
Live run check
Loops, missing inputs and mismatched types are flagged as you build, long before anything runs.
How it works
From whiteboard to working pipeline
One canvas takes you from the first sketch to a workflow your whole team understands.
1
Sketch the process
Drop shapes, sticky notes and arrows to agree on how things should work. Diagrams never break a pipeline.
2
Wire up the workflow
Turn the steps into typed nodes. The live run check tells you exactly what's missing before you run.
3
Build it together
Invite your team, talk next to the changes, and let autosave and versions keep every step safe.
Under the hood
Engineered like a production app
A full-stack TypeScript monorepo, built the way real collaborative tools are built.
- Conflict-free editing
- Yjs CRDTs synced through a self-hosted Hocuspocus server, so simultaneous edits merge instead of overwriting each other.
- One definition per node
- Each node type is a single typed entry. The palette, canvas, settings form and validation are all generated from it.
- Durable by design
- Three layers of debounced autosave, named versions and a full change history in Postgres, merged under row locks.
- Secure and tested
- OAuth sign-in, signed real-time tokens and role checks on every request, with integration tests against real Postgres and WebSockets.
- Next.js 16
- React 19
- TypeScript
- React Flow
- Yjs
- Hocuspocus
- tRPC
- TanStack Query
- Better Auth
- Drizzle ORM
- PostgreSQL
- Tailwind CSS 4
- Zod
- Vitest
- Turborepo
Coming in v2
AI that actually runs
Free built-in AI or your own key, with every step lighting up live for the whole team.
Coming soon
An AI teammate on the canvas
Ask in the chat and it edits the flow live, with its own cursor, in front of everyone. One click reverts it.
Coming soon
Run your workflows
Watch every step light up live, with free built-in AI or your own key.
Coming soon
Agents with tools
AI that browses, calculates and calls apps, and asks before risky actions.
Coming soon
Sketch → Workflow
Draw a flowchart, click Make it run, and the AI builds the workflow.
Coming soon
Time-travel runs
Replay any run step by step, fix a step, and re-run from there.
Start mapping in seconds
Open the playground without an account, or sign up to save your flows and invite your team.