Flowchart makerfrom plain language, free.
/ Example
(01)Prompt: A login flow that locks the account after three failed attempts
flowchart TD
start([User opens the login page]) --> form[/Enter email and password/]
form --> locked{Account locked?}
locked -- Yes --> lockMsg[Show locked message]
locked -- No --> check{Password correct?}
check -- Yes --> reset[Reset failed attempts]
reset --> session[Create session]
session --> dashboard([Open the dashboard])
check -- No --> count[Add one failed attempt]
count --> limit{Three failed attempts?}
limit -- No --> warn[Show attempts left]
warn --> form
limit -- Yes --> lock[Lock the account for 30 minutes]
lock --> alert[Email a security alert]
alert --> lockMsg
lockMsg --> unlock[Email an unlock link]
classDef ok fill:#dcfce7,stroke:#16a34a,color:#14532d
classDef bad fill:#fee2e2,stroke:#dc2626,color:#7f1d1d
class session,dashboard ok
class lock,alert,lockMsg bad
/ Good for
(02)- Sign-up, checkout and approval flows
- Decision logic with yes and no branches
- Runbooks and support procedures
(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)- Sequence DiagramAPI requests across services
- Class DiagramObject-oriented designs and domain models
- State DiagramOrder and ticket lifecycles
- 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