Design your workflow
Follow the guided steps, choose the best shape for each action, and watch your diagram take shape in real time.
How it works
- Describe each step so teammates understand the action.
- Pick a shape based on what happens next — decisions unlock branching.
- Reference step numbers when a decision flows to a different outcome.
Live flowchart preview
Every edit updates the diagram. Copy the Mermaid definition when you are ready to document or share.
Start crafting your flow
Use quick add templates or the button below to map your process.
Tips for clarity
- Keep descriptions brief and action-focused.
- Decisions should ask a question so yes/no answers make sense.
- Loopbacks? Point the next step to an earlier number to show the cycle.