State diagram makerfrom plain language, free.
/ Example
(01)Prompt: An order going from placed to paid, shipped, delivered, or refunded
stateDiagram-v2
[*] --> Placed
Placed --> AwaitingPayment : checkout
AwaitingPayment --> Paid : payment succeeded
AwaitingPayment --> Cancelled : payment failed
Placed --> Cancelled : customer cancels
state Fulfilment {
direction LR
[*] --> Picking
Picking --> Packing : all items found
Picking --> Backordered : out of stock
Backordered --> Picking : stock arrives
Packing --> ReadyToShip : label printed
}
Paid --> Fulfilment
Fulfilment --> Shipped : handed to courier
Shipped --> InTransit : scanned at depot
InTransit --> Delivered : signed for
InTransit --> DeliveryFailed : nobody home
DeliveryFailed --> InTransit : retry next day
DeliveryFailed --> Returned : third failed attempt
Delivered --> RefundRequested : customer asks
Returned --> Refunded
RefundRequested --> Refunded : item received back
RefundRequested --> Delivered : request declined
Paid --> Refunded : cancelled before shipping
Delivered --> [*]
Refunded --> [*]
Cancelled --> [*]
/ Good for
(02)- Order and ticket lifecycles
- State machines in UI and backend code
- Status changes with their triggering events
(03)
drop something in
1text, notes, whatever
it turns into a diagram
2usually in a few seconds
tweak it if you want
3export it and move on
/ Other diagram types
(04)- FlowchartSign-up, checkout and approval flows
- Sequence DiagramAPI requests across services
- Class DiagramObject-oriented designs and domain models
- ER DiagramDatabase schema design
- User JourneyOnboarding and first-run experiences
- Gantt ChartProject and release schedules
- Pie ChartBudget and cost breakdowns
- Git GraphExplaining a branching strategy
- Mind MapBrainstorming and planning
- TimelineProduct and company history
- Requirement DiagramTracing requirements to components
- Quadrant ChartEffort and impact prioritisation
- C4 DiagramSystem context for new team members
- Sankey DiagramBudget and money flows
- XY ChartMonthly sales or sign-ups
- Block DiagramHigh-level system overviews
- Packet DiagramProtocol and file format documentation
- Kanban BoardSprint snapshots in a README or doc
- Architecture DiagramCloud infrastructure overviews
- Radar ChartComparing products or frameworks
- TreemapBudgets broken down by department
- Ishikawa DiagramRoot cause analysis after an incident
- Venn DiagramComparing products or roles
- Tree ViewProject folder layouts in a README