Turn any workflow into a visual guide

Create step-by-step tutorials in seconds

Step By Step automatically captures screenshots as you work, annotates your clicks, and generates shareable guides for SOPs, onboarding, bug reports, and documentation.

Join 10,000+ teams documenting their workflows

Product Demo

Everything you need to create perfect guides

Powerful features that make documentation effortless

Automatic Screenshot Capture

Every click, scroll, and interaction is captured as a screenshot with context about what you did.

Click Indicators

Auto-generated click markers show exactly where you clicked, making guides crystal clear.

Built-in Annotation Editor

Add arrows, text labels, shapes, highlights, and freehand drawings to emphasize key points.

Crop & Zoom

Focus on what matters by cropping and zooming to the important parts of each screenshot.

Full Undo/Redo Support

Never worry about mistakes. Full history support lets you experiment freely.

Export as Video

Generate animated WebM walkthroughs with click pulse effects for dynamic presentations.

Export as PDF

Create printable documentation perfect for training materials and offline reference.

Interactive HTML

Generate shareable HTML guides that anyone can view in their browser.

Easy Sharing

Get a unique URL for each guide and share with your team or embed anywhere.

How it works

Create professional documentation in five simple steps

01

Click the extension icon

Open the Step By Step side panel in Chrome with a single click.

02

Hit Record

Start recording and use any website as you normally would.

03

Interact naturally

Every click, scroll, and action is captured as a screenshot with context.

04

Edit & Annotate

Stop recording, then add arrows, text, shapes, and highlights.

05

Share anywhere

Export as video, PDF, or interactive HTML and share with a unique URL.

Perfect for every team

From operations to engineering, Step By Step helps teams document anything

Standard Operating Procedures

Document your team's processes with visual guides that anyone can follow.

Employee Onboarding

Train new team members faster with step-by-step walkthroughs of your tools.

Bug Reports

Show developers exactly how to reproduce issues with annotated screenshots.

Customer Support Docs

Create help center articles with clear visual instructions for your users.

Start creating guides today

Install the Chrome extension and turn your first workflow into a visual guide in under a minute.