Guides
Practical drawing how-tos, no fluff.
Clear, step-by-step guides to drawing things out: online whiteboards, flowcharts, diagrams, wireframes and mind maps. Each one is backed by a free tool that runs entirely in your browser.
How to Make an Org Chart
Type the hierarchy with indentation, let it lay itself out, and export the chart.
Read guideBrainstorming Techniques With a Whiteboard
Five techniques that turn a blank canvas into ideas, from rapid sticky notes to affinity grouping.
Read guideConcept Map vs Mind Map: Which Should You Use?
They look alike but think differently. How the structure differs and when each one fits.
Read guideFlowchart Symbols Explained
What the oval, rectangle, diamond and arrow actually mean, and when to reach for each one.
Read guideMind Mapping Techniques That Actually Work
Keyword nodes, colour coding and a clean radial layout, plus the habits that keep a map readable.
Read guideUsing an Online Whiteboard With a Remote Team
Prepare the canvas, keep everyone oriented, and capture the outcome so the session is not lost.
Read guideCommon Types of Diagrams and When to Use Each
Flowchart, mind map, network, org chart and more, sorted by the question each one answers best.
Read guideHow to Make a User Flow Diagram
Map the path a person takes from entry point to goal, with steps, decisions and arrows.
Read guideWireframe vs Mockup vs Prototype: What's the Difference?
Three words people mix up, sorted out: what each one means, how finished it looks, and when to use it.
Read guideHow to Draw Online: A Quick Sketch-Pad Guide
Pick a brush, choose a colour, doodle freely, and save your sketch. No account, nothing uploaded.
Read guideHow to Make a Diagram Online
Lay out the parts of a system, connect them with labelled lines, and export a clean diagram.
Read guideHow to Make a Flowchart
Map a process with boxes for steps and diamonds for decisions, connect them with arrows, and export.
Read guideHow to Make a Mind Map
Start with a central topic, branch ideas outward as connected nodes, and let the map grow.
Read guideHow to Use an Online Whiteboard
Add shapes, arrows and text to an infinite canvas, rearrange as you think, and export when you’re done.
Read guideHow to Wireframe an App or Website
Block out screens with simple boxes and text, link them with arrows, and keep it low-fidelity on purpose.
Read guideSkip the reading — just use the tools
Every guide is backed by a free, in-browser drawing tool. Browse them all.
See all drawing tools