Diagramium

A free process map maker for the way work actually runs

Lay out the steps, mark the decisions and the hand-offs, then press Present and walk the process end to end the way it happens.

Present reveals your process map one step at a time, on its own.

Live interactive diagramUse the player controls to follow the steps
The recruiting funnel and its conversion rates — the finished diagram this player draws step by step
The recruiting funnel and its conversion ratesPlaying silently in this guideWatch with narrationOpen in editor
This compact player stays quiet while you read. Open the full presentation when you want narration and the complete walkthrough.

A process map is the picture you draw when a piece of work crosses several hands and nobody can describe the whole of it. It is free to build here, needs no sign-up, and stays in your browser.

The value is rarely in the steps everyone already agrees on. It is in the hand-offs, the rework loops, and the places where two teams each believed the other owned the next step.

Steps, decisions, and the loops people forget to draw

A process map has three moving parts: steps (work being done), decisions (a branch, with every outcome drawn), and flows (what happens next).

The one most first drafts miss is the rework loop — the arrow that goes backwards when something is rejected, returned or sent back for more information. A map without its rework loops describes the happy path, which is the version of the process that is never the problem.

Label decision branches with the condition, not with "yes" and "no" alone. "Credit check passed" tells a reader what is being asked; "yes" makes them scroll back to the diamond to find out.

Where a process map beats a flowchart

A flowchart and a process map look alike and answer different questions. A flowchart describes logic — what happens under which condition. A process map describes work in an organisation, which means it usually needs to say who as well as what.

When ownership is the point, put the process in a swimlane: one lane per team, and every arrow crossing a lane boundary is a hand-off worth examining. Most process failures live on those arrows.

Present it end to end

Press Present and the map reveals in the order the work happens, with narration on the steps that need explaining. That is a better artefact for a process review than a static picture: the room follows one path rather than reading ahead to their own department.

How to make a process map, start to export

Open the editor, add the trigger that starts the process, then each step in order. Add a decision wherever the path branches and draw every outcome, including the ones that loop back. Finish at a real end state, then export a PNG, SVG or PDF, or present it.

Free, private, and offline

Diagramium is free and there is no paid tier. Draw, present and export PNG or SVG without an account; a free account unlocks the animated export formats — GIF, video and animated SVG.

Your diagram is stored in your own browser, not on a server. It keeps working with the network off, and nothing is uploaded unless you choose to publish it.

Frequently asked questions

Is this process map maker free?

Diagramium is free and there is no paid tier. Draw, present and export PNG or SVG without an account; a free account unlocks the animated export formats — GIF, video and animated SVG.

What is the difference between a process map and a flowchart?

A flowchart shows logic and branching; a process map shows work moving through an organisation, so it usually has to show who owns each step. If ownership matters, use a swimlane — a process map split into one lane per role.

How detailed should a process map be?

Detailed enough that someone outside the team could follow it, and no more. If a step needs its own diagram, link to one rather than expanding it in place — a map that shows everything at once is read by nobody.

Should I map the process as it is or as it should be?

As it is, first. A current-state map is what makes the rework loops and the unowned hand-offs visible; a future-state map drawn before that one tends to describe the process people wish they had.

Can I show timings or conversion rates on the map?

Yes — put the measure in the step's label or its notes. A recruiting funnel with the conversion rate on each stage answers "where do we lose people?" without a second document.

More diagram makers

A flowchart maker that walks its own path · The sequence diagram maker that draws what you type · A mind map maker that turns brainstorms into walkthroughs · An architecture diagram maker that walks the request path · A UML diagram maker that walks through your design · An ER diagram maker that presents your schema step by step · A data flow diagram maker that presents the path data takes · The animated diagram maker where diagrams explain themselves · An AI Diagram Maker for the Assistant You Already Use · A free timeline maker for roadmaps, launches, and history · The Gantt Chart Maker That Explains Your Schedule · Software release plan maker: from code freeze to hotfix lane · RASCI matrix maker: one lane per role, every hand-off explicit · A free org chart maker that presents itself level by level · A free Venn diagram maker where the overlap is the point · A free state machine diagram maker that walks every transition · A free concept map maker where every link says what it means · A free customer journey map maker that shows where it hurts · A free decision tree maker where every path reaches an answer · A free fishbone diagram maker for finding the actual cause · A free network diagram maker that keeps your topology private · A free use case diagram maker that shows who can do what · A free threat model maker that stays on your machine · A free C4 model maker, one level at a time · A free BPMN diagram maker for processes two teams must agree on · A free kanban board maker for explaining how work flows · A free sitemap diagram maker for planning a site's structure