Workflow documentation for Chrome

Turn Browser Workflows Into Step-by-Step Guides

Record your workflow once. StepWise captures each action and screenshot, then gives you a pre-export editor to reorder steps, rewrite titles and body text, annotate screenshots, keep versions, and export clear SOPs and guides.

Install StepWise — Free See how it works
Free plan No account required Edit before export
StepWise · Generated guide
Create a Gmail filterReady to export
1
Open Gmail settingsCaptured click · gmail.com
Screenshot
2
Select “Filters and Blocked Addresses”Captured click · Settings
Screenshot
3
Click “Create a new filter”Captured click · Gmail
Screenshot

One capture, many outputs

Documentation that starts with the work itself

StepWise helps you capture browser processes while they are fresh, so the finished documentation reflects how the task is actually done.

01

Capture the process

Record clicks and page context as you move through a browser workflow. Input previews are minimized and sensitive fields are handled with privacy-aware rules.

Explore the process capture tool
03

Polish, version, and export

Crop screenshots, draw arrows, add text in place, blur or mask sensitive areas, save versions, and export HTML, PDF, DOCX, or ZIP based on your plan.

Explore screenshot editing

How it works

From browser action to reusable documentation

Keep the workflow simple: capture the task, edit the guide, save a version, and share the result with the people who need it.

1

Start capture

Open StepWise from your Chrome toolbar and start a new guide.

2

Do the work

Complete the browser process normally while StepWise records the important moments.

3

Edit and review

Move steps, edit titles and body text, and adjust screenshots before you publish.

4

Export and share

Choose the format that fits your SOP, training guide, or internal documentation.

Pre-export editor

Make the captured guide yours

Free and Pro users get the same editing workspace. Refine the content without re-recording the workflow.

A

Reorder and rewrite

Move any step up or down, edit its title, and rewrite the body text directly in the guide.

B

Annotate in place

Drag a box on a screenshot to add text, then move the text annotation. Crop, add arrows, blur details, or mask an area before export.

C

Keep a safe history

Save historical versions, reopen them for editing, delete old drafts, or export a previous version when the workflow changes.

A clearer alternative to manual documentation

Stop switching between the task and a blank document

Traditional process documentation asks you to perform the task, remember what happened, take screenshots, crop them, and write instructions later. StepWise keeps capture close to the source.

Create an SOP automatically

Manual documentation

  1. Perform the workflow
  2. Take and crop screenshots
  3. Paste images into a document
  4. Write and number every instruction
  5. Repeat until the task is complete

With StepWise

  1. Start recording
  2. Complete the workflow
  3. Review captured steps
  4. Export a visual guide

Built for repeatable work

Give every team a guide they can use

Use the same capture workflow for onboarding, training, support, operations, and software documentation.

ON

Employee training

Turn recurring software training into reusable visual instructions that new employees can follow at their own pace.

Create employee training guides
OP

Operations and SOPs

Document repeatable browser processes before small details disappear from team memory.

Explore the SOP generator
IT

Software documentation

Capture configuration tasks, internal tools, and support procedures with the context people need to act.

Capture a browser workflow

Start with a real example

Make a Gmail filter guide in one pass

Use the generated guide as a starting point, then edit the wording and order before you share it.

How to Create a Gmail Filter

1
Open Gmail settings.

Open Gmail and select the settings menu to access the full settings page.

2
Select “Filters and Blocked Addresses.”

Use the settings tabs to find the filters section.

3
Click “Create a new filter.”

Start the filter setup and continue with your chosen criteria.

Simple plans

Start free, upgrade when you need more exports

Core capture and the complete pre-export editor are available on Free and Pro. Pro adds longer guides and expanded export options.

Free

$0

For trying StepWise and creating lightweight guides.

  • Up to 20 steps per workflow
  • Complete step and screenshot editor
  • HTML export
  • Up to 3 PDF exports per month with StepWise branding
  • Local browser storage by default

Pro

$9.90 / year

For professional documentation and longer workflows.

  • Up to 500 steps per workflow
  • Complete step and screenshot editor
  • Unlimited HTML and PDF exports
  • DOCX and high-resolution ZIP export
  • Remove StepWise branding from exports

FAQ

Questions about workflow capture

What is StepWise?

StepWise is a Chrome extension that captures browser workflows and turns them into step-by-step guides, SOPs, training documents, and visual tutorials.

Do I need to create an account?

No account is required to start using the free plan. Your captured workflow data is stored in your browser by default.

What can I export?

StepWise supports HTML, PDF, DOCX, and ZIP exports, with availability and limits depending on your plan.

Can I edit the generated guide?

Yes. Free and Pro users can move steps up or down, edit titles and body text, and adjust screenshots before exporting. Screenshot tools include crop, arrows, in-place text, blur, and mask.

Is StepWise a good fit for employee training?

Yes. Start with the employee training documentation workflow to create reusable software instructions for onboarding and recurring training.

Capture the next workflow while you do it

Install StepWise for free and turn one real browser task into a guide your team can reuse.

Install StepWise