Behavioral UML
State Diagram Maker
Model a lifecycle with states and transitions. Ideal for order status, document review, and device modes. Adapt the starter, then export when every transition is intentional.
Features
- Live editor for state diagram maker
- Starter template included on the page
- PNG and SVG export
- No install required
Need a blank canvas? Open the full UML studio.
What you can model
State diagrams show the states an entity can be in and the events that move it between them. The same notation covers everyday state machine designs for tickets, subscriptions, and device modes.
How to use this maker
List meaningful states, label transitions with events, mark start and end, validate that code can reach each transition, preview, then export.
Notation that matters
Rounded states, labeled transitions, and start or end markers form the core. Guards can refine when a transition is allowed. Keep event names aligned with domain language used in code.
Keep the diagram readable
A state diagram focuses on one entity. An activity diagram focuses on steps in a process. Prefer timing diagrams when duration and overlap are the risk. Drop states that the product cannot actually reach.
Frequently asked questions
Is this state diagram maker free?
Yes. Edit and export in the browser without a subscription.
Is a state machine diagram different?
In practice teams use the names interchangeably for UML state machines. This page covers that modeling job.
State diagram or activity diagram?
Use state when the question is what status an entity is in. Use activity when the question is what steps a process takes.
Related tools
- Activity Diagram MakerMap a workflow with actions, decisions, and end states. Start from the template, rename steps to mat…
- Sequence Diagram MakerDraw a sequence diagram for auth flows, service calls, and feature interactions. Start from the temp…
- Timing Diagram MakerPlot state or condition against time when duration and overlap matter more than a simple message lis…
Browse the full UML diagram tools directory or return to the UML diagram hub.