Flowchart template

A flowchart template you can copy, edit, and make your own. The example below is a customer onboarding flowchart built from one spoken description. Copy the Mermaid code, or describe your own version and let Wavelength draw it. See more flowchart examples in the gallery.

Wavelength is a voice to diagram tool that turns a spoken process or a call transcript into an editable flowchart.

Make your own flowchart Start free

The demo needs no account. The free plan needs no card.

What makes a good flowchart template?

A flowchart template gives you a starting point so you do not have to draw from scratch. A good template has four parts: nodes for each step, arrows showing the direction of work, labels on every decision branch, and a clear start and end. The template on this page has all four.

Use a flowchart template when you have a process that follows a common pattern, like an approval workflow or an onboarding sequence. The template gives you the structure, and you fill in your own steps. Do not use a template when your process is unique or when you are still discovering the steps. In that case, describe the process out loud and let Wavelength build the flowchart from your words instead.

Common mistakes: copying a template without adapting the step labels to your own process, keeping branches that do not apply to your workflow, and forgetting to add the decision labels. A template is a starting point, not a finished diagram. Always read through it and adjust the steps to match what your team actually does.

What was said

A new customer signs up through the sign up form. The system sends a welcome email. The customer completes their profile and starts a trial. When the trial ends, if the customer converted, the account gets activated. If not, they enter a nurture sequence.

The diagram

Hexagons are systems. Rounded orange boxes are steps. A diamond is a decision. Pink arrows are decision branches.

What is in this flow

Systems: Sign Up Form, Nurture Sequence.
Steps: Send Welcome Email, Complete Profile, Start Trial, Activate Account.
Decisions: Converted?
Size: 6 nodes and 6 connections.

Mermaid code

flowchart TD
  n1{{"Sign Up Form"}}
  n2("Send Welcome Email")
  n3("Complete Profile")
  n4("Start Trial")
  n5{"Converted?"}
  n6("Activate Account")
  n7{{"Nurture Sequence"}}
  n1 --> n2
  n2 --> n3
  n3 --> n4
  n4 --> n5
  n5 -->|Yes| n6
  n5 -->|No| n7

Make this by talking

Templates are a starting point, but your onboarding flow is not generic. Open the live demo, hold the mic, and describe your own onboarding sequence. Wavelength draws the flowchart from your words, with your steps and your branch labels, so you get a diagram that matches your process instead of a template you have to edit by hand.

You can also paste a transcript from a customer call or a kickoff meeting and get the same flowchart. See transcript to flowchart for that workflow.

Step by step: use a flowchart template

Pick a template that matches your process type. An approval workflow template has a submit step, a review step, a decision diamond, and two branches. An onboarding template has a sequence of steps with no decisions. A support escalation template has a decision for severity and branches for each tier.

Once you pick a template, open it in Wavelength and edit the text in each box. Click a box to change the label, the owner, or the notes. Drag a box to move it. Right-click a box to change its shape or delete it. To add a new step, hold the mic and describe it, or type a plain English instruction like "add a QA step after the review."

If your process has more branches than the template, add them. A good flowchart template is a starting point, not a constraint. The goal is a diagram that matches your real process, not one that matches the template. If the template has a step your process does not have, delete it. If your process has a step the template does not have, add it.

When the flowchart matches your process, save it and export it. A saved flow is a living document: update it when the process changes, and the diagram stays current. Version history on Pro lets you go back to any earlier version.

More worked examples

Employee onboarding: HR creates the employee record, IT provisions accounts and equipment, the manager assigns first-week tasks, and the employee completes orientation on day one. See the full flow at employee onboarding.
Employee offboarding: The manager submits an offboarding request, IT revokes access and recovers equipment, HR conducts an exit interview, and payroll processes the final check. See the full flow at employee offboarding.
Kickoff to go-live: The project manager runs a kickoff meeting, the team builds and tests the solution, the client signs off, and the solution goes live. See the full flow at kickoff to go-live.

When Wavelength is the wrong tool

Wavelength is the wrong tool when you need pixel-perfect control over every shape and line. Lucidchart is better for that kind of manual drawing. It is also the wrong tool when you need BPMN 2.0 export for a process engine, because Wavelength does not export BPMN. And if your process is simple enough that a plain checklist would do, a plain checklist is faster. See our comparison of Wavelength and Lucidchart for where each tool is the better fit.

Resource center: process mapping resources by team
Free flowchart maker: talk or type, get a flowchart
Process map template: copy, edit, and make your own
Swimlane process map: worked example with roles
SOP template: talk a task, get a written SOP
Data flow diagram examples: worked pipelines
Transcript to flowchart: turn a call recording into a diagram
Deal desk approval: an approval flow example
Wavelength vs Lucidchart: where each tool is the better fit
Live demo: watch a diagram build itself, no account needed

Common questions

Can I copy this flowchart template?

Yes. The Mermaid code on this page is the same code that generated the diagram. Copy it into any Markdown file, GitHub README, or Mermaid Live to render the same flowchart. Then edit the node labels to match your own process.

Where can I find more flowchart examples?

The Wavelength examples page has 37 worked flow diagrams, each built from one spoken description, with Mermaid code. They cover approval workflows, onboarding sequences, data pipelines, support escalation, order fulfillment, and more.

Can I turn this template into my own flowchart by talking?

Yes. Open the live demo and describe your version of the process. Wavelength builds the flowchart from your words, so you get a diagram that matches your process instead of a generic template you have to edit by hand.

What format does the flowchart template export to?

A free account exports to PNG, PDF, Mermaid, and draw.io. The Mermaid export is plain text, so it works in any Markdown file, GitHub README, Notion page, or Confluence page that supports Mermaid.

Does the template handle branches and loops?

Yes. The example on this page has a decision diamond with two branches. Wavelength draws branches and loops from your description, so you do not need to add them by hand.

Related examples

Checkout user flowUser flow example Signup and onboarding user flowOnboarding example SaaS customer onboardingOnboarding example

See all flow diagram examples or the product manager role guide.

Start free Try the live demo

Every new account starts with 7 days of Pro. No card needed.