How to Draw a Swimlane Flowchart (Free Online Tool + 4 Process Examples)

Cross-functional handoffs are where most processes break. A vacancy sits in HR for two weeks because nobody knows the manager has to sign off first. An incident lingers because the on-call engineer is waiting on a vendor that is actually waiting on legal. The cure is a swimlane diagram: a flowchart split into horizontal lanes, one per role, so that the work and the handoffs are visible at a glance. Here is how to draw one in five minutes, with four real-world examples and the mistakes that ruin the output.

What a swimlane flowchart actually is

A standard flowchart tells you what happens, in what order. A swimlane flowchart adds a second dimension: who does it. The chart is split into horizontal bands, called lanes, with one lane per role, team, or system. Each step lives in the lane of whoever owns it. Arrows that cross lanes are handoffs.

That extra dimension changes how you read the chart. A regular flowchart with twenty steps looks linear and orderly. The same twenty steps in a swimlane chart suddenly show that three teams are pinging back and forth six times in the middle of the process, which is exactly the kind of churn that makes processes slow.

The format is sometimes called a cross-functional flowchart, a Rummler-Brache diagram, or in formal BPMN, a pool with swimlanes. For day-to-day team use, the simple version is all you need.

Rule of thumb

If your process touches two or more teams and has at least one decision in it, the swimlane format will teach you something every other diagram would have hidden.

When to use one (and when not to)

A swimlane diagram is the right pick when:

It is overkill when:

The four shapes you actually need

BPMN, the formal business process notation, has around fifty shapes. For practical use you need four:

That is the entire vocabulary. If you find yourself needing a fifth shape, you are probably over-modeling and should split the diagram into two.

Step-by-step: build one in your browser

The fastest path from a process you carry in your head to a chart you can share is a browser tool that handles the auto-routing for you. Excel and PowerPoint can technically draw shapes and arrows, but every time you add a step you have to redraw the whole layout by hand. A dedicated tool re-routes the arrows in real time so the chart stays readable.

The free ClicknFile flowchart maker with swimlanes takes around five minutes for a ten-step process. The steps are the same on any tool, so the logic below applies even if you pick a different one.

Step 1: List the roles, not the steps

Open a blank page or a notepad and write down every role that touches the process. For a hire approval workflow that is usually HR, the hiring manager, the CFO, and the candidate. For an incident response: monitoring, on-call engineer, engineering lead, and sometimes external vendor or communications. Do not write the steps yet. Roles first forces you to think about the actors, which is the swimlane chart's whole point.

Step 2: Create one lane per role

In the tool, click Add lane for each role. Order them by who initiates the work most often (top) down to the recipient or final owner (bottom). Click any lane header to pick a color from the palette. The color stays subtle on the canvas, so the chart is easy to scan without being a rainbow.

Step 3: Drop the start and the end

Click Add step, then change its type to Start in the side panel. Name it after the event that kicks off the process: "Vacancy opens", "Ticket created", "Invoice received". Assign it to the lane of whoever notices the event first.

Repeat for the end states. If the process can finish in more than one way (approved, rejected, escalated), drop one End per outcome. Multiple end shapes are clearer than one shared "End" with five arrows pointing at it from different parts of the chart.

Step 4: Add process steps and decisions in order

Walk through the process step by step, adding a process box for each task, and a decision diamond at every branching point. Assign each one to the right lane. Do not worry about positioning, the layout engine handles that.

For decisions, the two most common labels are yes and no, but you can label branches anything: approved / rejected / needs revision, high / medium / low, or whatever fits the question on the diamond.

Step 5: Link the steps with the "Connects to" selector

Click a step. In the side panel, scroll to Connects to and pick the next step in the dropdown. For a decision, add one connection per outgoing branch, each with its own label. The chart updates as you type. Cross-lane connections are drawn as orthogonal elbows so you can see where work moves between roles.

Step 6: Export

Click Export PNG for a sharable image (a quick email gate keeps the export free), or grab a CSV if you want to keep the source under version control. SVG, PDF, and JSON exports are part of the optional premium upgrade, which also unlocks the same exports on the Org Chart Builder and the Gantt Chart Maker.

If you want the same process to live in a spreadsheet you fully own (so you can update it offline, track each running instance, share it as an .xlsx with stakeholders who do not browse the web), the Excel Flowchart Generator ($33, lifetime) builds the chart from a structured Excel sheet. Most teams use both: draw quickly here, run the process in Excel.

Free Online Flowchart Maker with Swimlanes $0

The whole tool in your browser, no signup:

  • Four shapes (process, decision, start, end), unlimited steps, unlimited lanes
  • Auto orthogonal routing with multi-port exits on decisions, so yes and no never overlap
  • Editable lane colors with per-step color override
  • CSV import from Excel or Google Sheets
  • Fullscreen, auto-fit to screen, zoom slider, mobile responsive
  • PNG and CSV exports free, SVG/PDF/JSON in optional one-time premium
Open the flowchart maker →

Four cross-functional processes that need swimlanes

Here are four processes where the swimlane format reveals problems a regular flowchart would have hidden. Three of them are walk-throughs you can build in the tool right now. The fourth is the sample preloaded inside the free flowchart maker.

1. Hire approval workflow

Lanes: HR, Hiring Manager, CFO, Candidate. Flow: HR opens a vacancy, posts the job, screens CVs. The manager interviews and makes a Hire? decision. If yes, the CFO approves the budget, and on a Budget OK? yes, HR sends the offer to the candidate, who signs it. If either decision is no, the chart ends in a dedicated rejection state in the relevant lane.

What the swimlane format shows that a list would not: the manager and the CFO together hold the gating decisions, but the actual work (post job, screen CVs, send offer) sits with HR. If HR is overloaded, the rest of the chart starves no matter how fast the manager and CFO move.

2. Incident response

Lanes: Monitoring, On-call Engineer, Engineering Lead, External Vendor, Communications. Flow: Monitoring fires an alert, on-call triages it, decides if it is high severity, pages the lead if yes, and either fixes it directly or escalates to a vendor. Once resolved, Communications notifies users and the lead writes the postmortem.

This is the kind of process where a swimlane is essential because the handoffs are the entire point. A regular flowchart drawn vertically does not show that the on-call is waiting on the lead, who is waiting on the vendor, who is waiting on the on-call to confirm the symptom. Drawing it as a swimlane makes the wait chain visible and shows where to invest in tooling or playbooks. There is a ready-made incident-response sample CSV in the tool's import dialog if you want a head start.

3. Invoice approval

Lanes: Vendor, AP Clerk, Department Owner, Finance Lead, Bank. Flow: vendor sends the invoice, the AP clerk logs it and routes it to the department owner, who reviews and either approves or rejects. On approval, the finance lead checks against budget and either approves payment or escalates. On final approval, the bank sends the wire.

What you discover: most invoice processes have a hidden re-routing loop between the AP clerk and the department owner when a budget code is wrong. The swimlane shows the loop explicitly, which is the first step to redesigning it out of the process.

4. Customer onboarding

Lanes: Customer, Sales, Customer Success, Engineering, Billing. Flow: customer signs the contract, sales triggers a handoff, CS reaches out for kick-off, engineering provisions the environment, billing creates the subscription, CS runs the kick-off call.

What the chart reveals: which step blocks revenue recognition (usually billing), and how many parallel paths CS has to track. If three of the steps can run in parallel, a swimlane chart shows that immediately and you can speed up the timeline by parallelizing instead of serializing.

Five mistakes that ruin a swimlane diagram

From the diagram to a system you can run

A swimlane diagram is the first artifact, not the last one. Drawing the chart is the mapping step; running the process week after week is a different job. The browser tool is built for the mapping side. For the running side, you need a file your team can edit offline, version, and pass around as an attachment. That is where Excel earns its keep:

The browser tool and the Excel templates are not substitutes. The tool is for drawing; the templates are for owning. Treating them as complements is what gets you a process that is both readable and durable.

Draw your process in five minutes, free

No signup, no install. The browser tool covers the full mapping flow and the optional premium unlocks every other ClicknFile free tool with one code.

Open the flowchart maker

FAQ

What is the difference between a flowchart and a swimlane diagram?
A regular flowchart shows what happens, in what order. A swimlane diagram adds who does it by splitting the chart into horizontal lanes, one per role or team. The same set of steps drawn as a swimlane diagram instantly tells you where every handoff happens and which team is currently holding the work.
How many swimlanes is too many?
More than six lanes on a single chart is usually a sign the process is too broad. Either split it into two charts (each focused on a phase) or group some lanes together. A chart nobody can read is worse than no chart at all.
Do I need to learn BPMN to draw a swimlane diagram?
No. BPMN is a formal notation with around fifty symbols, designed for analysts who model systems for execution engines. For a process you want a team to understand, four shapes are enough: process steps, decisions, start, end. Stick to those and your chart will be readable by everyone.
Can I draw a swimlane flowchart in Excel or PowerPoint?
Technically yes, in practice you should not. Excel and PowerPoint do not auto-route connectors, so every time you add a step the whole chart has to be redrawn by hand. A dedicated browser tool draws and reroutes the arrows for you in real time, which is a 10x productivity gain on anything beyond five steps.
Is the ClicknFile flowchart maker really free?
Yes. No signup, no time limit, no step limit, no payment. PNG and CSV exports are free. SVG, PDF, and JSON exports unlock with an optional one-time premium that also unlocks the other free tools on the site (the Org Chart Builder and the Gantt Chart Maker). One code, every tool, lifetime access.
Where is my flowchart data stored?
Only in your browser. The chart auto-saves to your browser local storage. Nothing is sent to any server. If you clear your browser data, the chart is lost, so export a JSON copy if you need a backup.
Can I import a process from Excel into the flowchart maker?
Yes. Save your process as a CSV with columns Step, Lane, Type, ConnectsTo, Label and paste it into the import box. The columns map automatically and the chart builds itself, including the swimlanes.