Step Markers - Numbered Annotations for Screenshots

Toggle Step Markers on in the Style panel. Your cursor turns into a crosshair over the canvas. Click anywhere on the image to drop a badge with the next number — 1 on the first click, 2 on the second, and so on. The numbers assign automatically in the order you click, so you don't have to think about sequencing while you're placing them.

Six marker colors ship in the app: Blue (#3b82f6, the default), Red (#ef4444), Green (#22c55e), Orange (#f97316), Purple (#a855f7), and Black (#18181b). Changing the color updates every marker on the canvas — you can't have mixed colors in a single screenshot, so the whole set stays visually consistent.

Three size presets: Small (24px badge with 11px text), Medium (32px badge with 14px text, the default), and Large (40px badge with 18px text). Switching size re-renders all existing markers together — so if a large marker is blocking important pixels you can shrink the whole set in one click.

Each marker is a filled colored circle with a thin white outer ring, a soft drop shadow underneath, and the step number centered in white bold text. The white ring and shadow keep the marker readable against any background — dark screenshots, light UI, photos, gradients — without needing a separate outline color.

Yes. An Undo button removes the most recently placed marker (the one with the highest number). The remaining numbers stay intact — if you had 1, 2, 3 and undo 3, you're back to 1, 2. A Clear All button removes every marker from the canvas at once if you want to restart the annotation from scratch.

Yes. When you export (as a file or to clipboard), the markers are drawn directly onto the output PNG on top of the screenshot and any device frame. They're permanent — anyone you send the PNG to sees exactly the same badges at the same positions, no SVG overlay or viewer plugin required.

Yes. Marker positions are stored as percentages of the canvas width and height, not as absolute pixel coordinates. If you change the canvas size preset or swap landscape to portrait, every marker scales and repositions proportionally — you don't have to re-place them after a resize.

Skitch and similar tools produce arrows, text, and shapes on a fixed-size image. Step Markers is built into the same canvas where you're wrapping the screenshot in a device frame, picking a gradient background, and sizing for a social platform — one tool, one export, no context switching. It also runs fully offline, so sensitive screenshots never leave your machine.