DocsAnnotation ToolsCounter Tool

Counter Tool

Add auto-incrementing numbered circles for step-by-step guides.

Add Numbered Steps

Select the Counter tool from the toolbar or press 0. Click anywhere on the canvas to place a numbered circle. Each click automatically increments the number, so you get 1, 2, 3, etc. in sequence.

  1. 1Select the Counter tool from the toolbar.
  2. 2Click to place step 1.
  3. 3Click again to place step 2, and so on.

Customization

Choose the circle fill color from the properties panel. The number is displayed in white inside the colored circle with a white border.

The Counter tool is ideal for creating step-by-step tutorials, onboarding guides, and how-to documentation. Combine with arrows to create clear visual flows.

Reordering

Drag counters to reposition them on the canvas. If you delete a counter in the middle of a sequence, subsequent counters keep their numbers. The counter resets when a new image is loaded.