Product roadmap template

A roadmap is easiest to read when each team has its own lane and the milestones that depend on each other line up. This template has four lanes, from research to marketing, with handoffs aligned so you can see what has to land before the next team starts.

Use this template Free account, no credit card

Outline

*hideKeys
[*vertical] Product roadmap
- [*horizontal] Research
-- User interviews
-- [spec] Write the spec
- [*horizontal] Design
-- Wireframes ::spec
-- [mocks] Final mockups
- [*horizontal] Engineering
-- Prototype ::mocks
-- Build
-- [launch *bold] Launch
- [*horizontal] Marketing
-- Messaging ::mocks
-- Launch campaign ::launch

Diagram

What's in this template

Research, Design, Engineering and Marketing swimlanes
Milestones aligned across lanes so handoffs are visible
A bold launch milestone the whole plan builds toward

Make it yours

Each lane is a line ending in its steps. Add a step to a lane by adding a line under it.
Line a step up with another lane using alignment: end its line with ::key.
Rename the lanes to match your teams, or add a new lane with - [*horizontal] Lane name.

The full syntax is in the guide.

How it works

1 Use this template Sign up free or log in. The template is copied into your account as a new project.
2 Edit the text Change the wording, add lines, delete what you don't need. The diagram redraws as you type.
3 Share it Download a sharp PNG for slides and documents, or send a read-only link.

More templates

See all

Process Customer onboarding flowchart Map every step from sign-up to kickoff, including the approval branches. Teams Org chart Departments and teams, color-coded by branch, built from a simple nested list. Meetings Meeting notes Agenda, decisions, action items and a parking lot in one visual summary.

Make this template yours.

Free to start. No credit card required.

Use this template

How it works Templates Pricing Why I made this Contact Log in Sign up