Skip to main content

ONLINE DIAGRAMMING TOOL
Create free, beautiful diagrams

Use diagrams to visually simplify complex user flows, processes, systems, and more.

Trusted by teams at

Square logoDwell logoStripe logoNetflix logoSpotify logo

Get everyone on the same page

Whether you’re mapping out a user journey or an internal process, FigJam helps teams visualize complex problems into easy-to-understand diagrams.

Three cursors creating a diagram using shapes and the snap-to-grid connectorsThree cursors creating a diagram using shapes and the snap-to-grid connectors

Create quick diagrams

Use shapes and connectors that snap to the grid to easily map out flows as you go.

A zoomed in view of mobile screens within a user flow showing the "home" and "browse" pagesA zoomed in view of mobile screens within a user flow showing the "home" and "browse" pages

Visualize the journey

Bring designs into your user journey diagrams to show stakeholders how users will experience your flows.

A section labeled "Journey map" with stickies under two buckets titled "Awareness" and "Consideration"A section labeled "Journey map" with stickies under two buckets titled "Awareness" and "Consideration"

Think it through together

Build a wide variety of maps, flows, and more with your teammates by diagramming together in real time.

Get started with a template

Set up your diagram in minutes with hundreds of ready-made templates.

Everything you need to create precise, polished diagrams

An orange diamond with a bounding box. The color picker is above it, with orange selectedAn orange diamond with a bounding box. The color picker is above it, with orange selected

Get specific

Find just the right hue with a color picker. Plus, choose from drag-and-drop shapes—or custom shapes made by our community—to convey exactly what you mean.

A code block within a diagram showing the different states of the code from one step to the nextA code block within a diagram showing the different states of the code from one step to the next

Make it feel real

Add screens, code blocks, and other components into your diagrams from your Figma libraries to add realism and context.

Mapping out complex user journeys is a painstakingly detailed process, but with FigJam, I was able to work through the early, often messy stages, of a multi-month project in a single file.
Emily Loper, Product Designer, Netflix
Read the case study
The Netflix company logo sits inside a hand drawn cloudThe Netflix company logo sits inside a hand drawn cloud

FAQs

Check out other ways to use FigJam

A deconstructed whiteboard of sections with stickies, a hand-drawn arrow, and labeled steps 1-3 aboveA deconstructed whiteboard of sections with stickies, a hand-drawn arrow, and labeled steps 1-3 above

Agile workflows

Facilitate conversations that keep sprints moving forward in stand-ups, retros, and more.

Learn more

Different sized stickies come together to make one abstract shape with hand-drawn elementsDifferent sized stickies come together to make one abstract shape with hand-drawn elements

Online whiteboarding

Collaborate with your remote team to turn possibilities into plans, faster.

Learn more

Various stickies come together to make an abstract planning timeline with start and launchVarious stickies come together to make an abstract planning timeline with start and launch

Strategy and planning

Get alignment and turn ideas into actions, from project planning to roadmapping—and everything in between.

Learn more