#1 rated online diagram maker: where UX begins

Sharpen user experience, create smart user flow & refine customer journeys with our collaborative online diagram maker – the tool for seeing the big picture

14-day free trial
No credit card required
Diagram maker
Eric Sharp
My team can’t imagine designing the architecture of a website without Slickplan. It’s a tool we use on every project. Their snappy and intuitive design, along with the integration to other tools we already use when working through IA decisions, makes Slickplan a versatile & comprehensive tool. You guys rock!
Eric Sharp, Founder at Protofuse, Inc

Diagram Maker key features & tools

Planning makes perfect. From journey mapping to user flow, diagrams and flow charts are an integral part of building an experience that exceeds expectations. Slickplan's web diagram app lets you shape and see the whole story while improving the details.

Diagram Maker is filled with universally recognized shapes and line connectors to make creating any diagram type effortless and intuitive. Drag and drop shapes of any size to any position to quickly build diagrams and flowcharts that are understood in an instant. Whether it's user flows and journey paths for web pages, org charts, mind maps or data visualizations, you can build whatever the project demands. Use custom text, images, dynamic pages and containers to truly make it your own.
  • Shape libraries

  • Flexible workspaces

  • Collaborative diagramming

  • Easy exporting

Create a diagram

Slickplan’s diagram creator is perfect for…

Everyone actually:

  • Web designers & developers
  • App designers & developers
  • User experience designers
  • Content planners
  • Website marketers
  • Website architects
  • In-house teams
  • Freelancers
  • Agencies
  • Super heroes

Diagram builder use cases:

  • Registration system user flows
  • eCommerce checkout processes
  • Single and multi page forms
  • Venn diagrams
  • Network diagrams
  • UML diagram maker / State diagrams
  • ER diagrams
  • Flow chart template editor
  • Interactive systems
  • Search engine processes
  • Multi-path sites with many user types
  • Mobile app diagram drawing tool

Online diagram tool additional features

Diagrams come in many shapes and sizes, our website diagram generator is chock full of features that allow you to diagram just about anything.

Endless canvas

Endless canvas

Our clean and intuitive diagramming interface makes getting started simple. Build the optimal flow diagram – for any size project – using page, file and conditional symbols.

Sitemap integration

Sitemap integration

Link your diagram elements to your sitemap pages for a unified experience that enhances your team’s productivity and ultimately improves UX for your users. A web diagram maker designed for better workflow.

Drag. Drop. Done.

Drag. Drop. Done.

Simply drag and drop symbols, text, images, containers, connectors and other diagram elements, and place them exactly the way you like. Talk about an interactive diagram maker.

Locked endpoints

Locked endpoints

Each endpoint has its own meaning, add accordingly to improve your diagram. On top of that, endpoints and connectors stay connected so you can move elements without issue.

Autosave

Autosave

You change it; we save it. The autosave feature protects all of your hard work and is saved instantly, so you never have to worry about losing data.

Layering

Layering

Our diagram editor lets you unlock the Z-axis to layer elements however you need to for your project.

Keyboard shortcuts

Keyboard shortcuts

In a hurry? Customize keyboard shortcuts to expedite the process. Undo, redo, zoom and add diagram elements and connectors in flash. Truly an online diagramming tool built for speed.

Lots of connector types

Lots of connector types

Different connectors have different meanings; organize and connect elements with specific connectors and endpoints to make diagrams easier to understand.

Add images

Add images

In real life diagrams aren’t text-only, sometimes you need custom graphics or images like in a user journey, for example. Upload those images and graphics as needed.

In-place editing

In-place editing

Easily edit labels; click your target element and a text field appears – just start typing. Changes are saved immediately and appear on your diagram symbol or workspace.

Group and magnetize

Group and magnetize

Containers let you group elements together and move them with ease. Copy and paste entire sections in seconds, incredibly helpful on those mammoth diagrams.

Export & print diagrams

Export & print diagrams

Just because you create a diagram online, doesn’t mean it has to stay there. Easily export your diagrams alongside your sitemaps. Choose from a variety of formats including Vector EPS, PDF and more.

Bottom style bar

Bottom style bar

Being able to conveniently create a diagram online is one thing, quickly customizing them is another, our always-there style bar lets you do just that.

Share view

Share view

Quickly share a public view of your diagram project with collaborators and stakeholders who can add feedback directly in the workspace.

Zoom in/out

Zoom in/out

Big project? Don’t squint or move your face closer to the screen to see the details, just zoom in on the section you’re working on. Zoom out for the big picture.

Side panel

Side panel

Getting it done quickly is often just as important as getting it right. Our slide-out side panel makes the whole diagram creation process faster.

Undo and redo

Undo and redo

Made a mistake? All is forgiven with the one-click undo button. Oh that wasn’t a mistake after all? You can redo as well, no big whoop.

Swimlanes

Swimlanes

Like lanes in a pool, swimlanes in a diagram help you separate parts of a process, story map or user journey (and beyond). Just drag, drop and get started.

Grid view

Grid view

Ensure everything is in alignment. Whether it’s for your OCD or better organization, grid view lets you keep your diagram in order and looking sharp.