Lliben Logo Lliben

Great tutorials are easy to follow because the reader knows exactly where to look.

The simplest way to do that is with numbered steps and highlights.

TL;DR

  • Capture (Full Page / Selected Area / Element Picker).
  • Add Steps + a highlight.
  • Export PNG (docs) or PDF (share/print).

Fast workflow (capture → steps → export)

  1. Capture the screen (Full Page, Selected Area, or Element Picker).
  2. In Lliben Capture, open the Steps tool and place numbers (1,2,3…).
  3. Add a highlight or shape around the most important UI.
  4. Export as PNG (best for crisp UI) or PDF (best for print/share).

What to use when

  • Steps: for sequences (click this, then this, then this).
  • Highlight: for drawing attention without covering text.
  • Shapes: for framing buttons and controls.
  • Crop: remove noise and keep the screenshot focused.

Style tips (so it looks “world class”)

  • Keep the number of steps per screenshot small (3–6).
  • Use consistent spacing and avoid overlapping text.
  • If the page is very long, export as PDF so it paginates cleanly.

Related: