Mockly
Create clearly labelled social-media mockups for demos, stories, and prototypes.
Turn rough ideas into polished visual flows on an infinite canvas.
SketchFlow is a free hand-drawn whiteboard that runs in your browser. It suits anyone who wants to sketch a flowchart, user journey or rough diagram without installing software or creating an account. You get shapes, arrows, text, images and frames on an infinite canvas, plus PNG, SVG and project file exports.
Features
Draw rectangles, diamonds, ellipses, lines, arrows and freehand strokes in a sketchy hand-drawn style. Add text and drop in images from your device.
Group parts of a diagram inside frames and toggle a snap grid. An auto layout command tidies a messy diagram in one step.
Every tool has a single-key shortcut, and a command palette lets you run actions like export, fit to screen or search canvas text.
A laser pointer tool draws fading strokes so you can point at parts of a diagram while you talk it through.
Your scene is saved to this browser's local storage as you work, with undo and redo history. Nothing is stored on an account.
Download your work as PNG, SVG or a .sketchflow file you can load again later. You can also copy a share link that carries the diagram inside the URL.
How to use it
Open SketchFlow and pick a tool from the left toolbar or press its shortcut key.
Draw your shapes, connect them with arrows and add text labels.
Adjust colours, stroke and fill style in the properties panel.
Export the result as PNG or SVG, or save a .sketchflow file to keep editing later.
Good for
FAQ
Yes. SketchFlow is free to use in your browser with no sign-up.
It autosaves to your browser's local storage on this device. Clearing site data removes it, so save a .sketchflow file if you want a backup.
You can export PNG and SVG images, and save the full scene as a .sketchflow file that you can open again in SketchFlow.
Yes. The share button copies a link that contains the diagram itself, and whoever opens it can edit their own copy. There is no live multi-user editing.
It runs in any modern browser, but drawing and keyboard shortcuts are easiest on a computer with a mouse or trackpad.
Related free tools
Single-purpose AltFTool tools for the same kind of job.
Keep exploring
Create clearly labelled social-media mockups for demos, stories, and prototypes.
Create playful posters, newspaper clippings, scene cards, and character graphics.
A self-hosted template marketplace: browse polished website designs, preview them interactively, and download complete blueprints ready to build.
Built something of your own?
Browser games, creative-coding demos and side projects get their first visitors and links from launch sites, game portals and galleries. Our backlinks list keeps the ones that accept small web projects, with estimated authority, link type, cost and the exact submit page.
Tell us what you would like to see built, or get new experiments in the AltFTool newsletter as they leave the workbench.