Make a step-by-step tutorial from screenshots
Capture each step of a process, number the clicks, and export a numbered set of images or a PDF guide.
You’ll need
- The process you want to document
- A test account without real personal data, if possible
Steps
- Capture each stepGo through the process and capture the visible area at each step (Alt+Shift+V).
- Combine the stepsOpen the first capture, open the Pages panel (stacked-pages icon), click + and add the other exported captures in order.
- Mark where to clickOn each page add a rectangle around the button to click and a numbered marker.
- Add short instructionsAdd a text note with background colour on each page, such as “Click Settings, then Billing”.
- ExportExport a PDF for a printable guide, or PNG to get numbered images for a help-center article.
Result: A consistent, numbered tutorial that works as a PDF handout or as images in documentation.
Tips
- Capurize remembers the last style of each tool, so every step looks the same.
- Crop away browser chrome and side panels that aren’t part of the instructions.
Who uses this workflow
Screenshots for teaching and training materials
Build step-by-step handouts and slides from web pages, with numbered steps and clear callouts.
Screenshots for customer support teams
Show customers where to click, document issues for engineering, and keep personal data out of tickets.
Screenshots for product managers
Capture product flows, annotate feedback and turn screens into specs, reviews and release notes.
Related guides
How to annotate screenshots for clear design feedback
Make design and content feedback unambiguous with arrows, callouts, highlights and numbered points on the live page.
How to save a web page as a multi-page PDF
Turn a long web page into a clean, paginated PDF that looks exactly like the page, with page breaks between lines of text.
Do this with Capurize
Full-page capture, annotation, redaction and PDF export, free during launch.