HomeDocsAnnotation & StudioNumbered Step Badges (1, 2, 3...)
Pro Workflow• 3 min read• Last Updated: August 2026

Numbered Step Badges (1, 2, 3...)

Auto-incrementing numbered circular badges for step-by-step documentation, user guides, and QA bug reports.

Executive SummaryAccelerate visual tutorial and bug reporting creation by stamping sequential numbered step markers directly onto your screenshots.

Auto-Incrementing Counter

Select the Step Tool in the studio toolbar. Each time you click on the screenshot, ClickSnap drops a numbered badge that automatically increments (1 -> 2 -> 3 -> 4...).

Repositioning & Reordering

You can drag any existing badge to a new location. If you delete badge #2, ClickSnap automatically updates downstream numbers to maintain seamless sequence.

Customizing Badge Colors & Styles

Toggle between solid filled circles, modern gradient rings, and dark badge themes to match your company branding.

Was this documentation helpful?

Your feedback helps us continuously improve technical guides.