What next?
What are you drawing?
Process flow uses UML activity diagram notation: start/end, tasks, decisions across swim-lanes.
Core shapes: click to add · click label to rename
Start
Initial node
End
Final node
Action
A step in the process
Decision
Yes / No fork
Note
Sticky annotation
Swimlane
A lane for a person or team
Fork / Join
Parallel split or merge
Data / I-O
Input or output
Document
Report or form
Sub-Process
Collapsed process
Start Event
Green circle
End Event
Thick red ring
Task
Rounded rectangle
Gateway
Decision / split
Timer
Time-based trigger
Intermediate
Mid-process event
Pool
Participant container
Lane
Role subdivision
Gateways
Parallel (+)
All paths run together
Inclusive (O)
One or more paths
Event-based
Wait for first event
Complex (✱)
Custom merging logic
Start Events
Message Start
Triggered by a message
Timer Start
Cyclic / scheduled
Conditional Start
Triggered by a rule
Signal Start
Broadcast trigger
Intermediate Events
Intermediate Message
Mid-process catch / throw
Intermediate Timer
Wait / deadline
Error (boundary)
Catch a thrown error
Escalation
Bump up to a higher level
Link
Off-page connector
End Events
Message End
Throws a message
Error End
Throws an error
Signal End
Broadcasts a signal
Terminate End
Kill all parallel flows
Task Types
Send Task
Sends a message out
Receive Task
Waits for a message
User Task
Person + system
Manual Task
Person, no system
Service Task
System call
Script Task
Runs a script
Business Rule
Decision rules
Activities
Call Activity
Re-uses another process
Transaction
All-or-nothing block
Data
Data Store
Database / filing cab
Data Input
External input
Data Output
Process output
Collection
List of items
Other
Group
Visual grouping
Actor
Stick figure / role
Use Case
Oval / scenario
System Boundary
Dashed rectangle
Include
<<include>> arrow
Extend
<<extend>> arrow
Association
Solid line
Screen / Page
Title bar rectangle
Input field
Form text entry
Label / Text
Dotted border text
Image
Placeholder box
Checkbox
Tick box + label
Phone frame
Device outline
Browser frame
Chrome + URL bar
ERD: Entity Relationship
Entity
Strong entity (table)
Weak Entity
Depends on another
Relationship
Diamond (Chen notation)
Connect with arrows; double-click arrow to add cardinality (1, *, 1..*, 0..1).
DFD: Data Flow Diagram
Process
Circle: transforms data
External Entity
Source / destination
Data Store
Stored data (open rect)
SSM: Soft Systems Methodology
Actor
Person or role involved
System Boundary
Scope of the system
Activity / Process
What the system does
Communication Link
Two-way interaction
Conflict / Issue
Tension or dispute
Performance Indicator
Measures success
Concern / Issue
Worry or open question
Ownership
Who is responsible
Connect shapes
Hover any shape
Orange dots appear on its edges. Drag from a dot to another shape to draw an arrow.
What are you mapping today?
Pick a template to get started, or jump straight to a blank canvas.
click a shape on the left to add it, or drag it onto the canvas
Billie
Here to answer your questions