Step Indicators

The Step tool places an auto-incrementing numbered (or lettered) marker each time you click. It is the right tool for procedure screenshots — the "click here, then here, then here" imagery common in tutorials and help articles.

How It Works

1. Select Step from the annotation toolbar.
2. Click on the canvas at the first position. A circular marker labelled 1 appears.
3. Click again for 2, 3, and so on.
4. To start over, run ResetStepCounterCommand from the toolbar (the reset button beside the Step tool).

The counter is shared across the current annotation session. Undo removes the most recent marker but does not roll the counter back — the next placement still uses the next number. Reset is the explicit way to start from 1 again.

Label Modes

Switch modes in the annotation toolbar dropdown. Existing markers keep their current labels; only new placements use the new mode.

Colour and Size

The marker fill colour follows the active annotation colour. Marker size scales with the thickness slider (larger thickness means a larger circle and bigger label). Text on the marker is drawn in a contrasting colour automatically.

Typical Workflow

1. Capture the UI state for step 1 of the procedure (see 2.2).
2. Select the Step tool and switch to Numeric mode.
3. Click each point the user should touch, in order.
4. Drop a Text or Callout (see 3.4) near each marker if the action needs a short description.
5. Apply & Save (see 3.7).