Capturing Bugs

Annotation & Markup

Crosscheck includes a powerful annotation editor. After capturing a screenshot, you can mark up the image with drawings, text, arrows, shapes, and blur effects before saving or sharing it. Annotations are also available when viewing existing screenshots in the dashboard.

When is annotation available?
The annotation toolbar appears automatically after you take a screenshot. You can also open it from the check detail view on any existing screenshot capture by clicking the edit icon.

Annotation Tools

The toolbar provides the following tools. Each tool can be combined with the color picker and adjusted for stroke width.

ToolDescriptionUsage
Freehand Drawing (Pen)Draw freely on the canvas with your cursorSelect the pen tool, choose a color, and draw directly on the screenshot
Text BoxAdd text annotations anywhere on the imageClick on the canvas to place a text box, then type your annotation
Arrow / LineDraw straight arrows or lines to point at specific areasClick and drag from the start point to the end point
RectangleDraw rectangular outlines or filled shapesClick and drag to define the rectangle area
Circle / EllipseDraw circular or elliptical outlinesClick and drag to define the circle size and position
Blur / PixelateObscure sensitive information such as passwords or PIISelect the blur tool and drag over the area you want to hide
Color PickerChange the stroke and fill color for all drawing toolsClick the color swatch in the toolbar and select a new color
Undo / RedoStep backward or forward through your annotation historyClick the undo or redo button, or use keyboard shortcuts

Tool Overview

Freehand Drawing

Draw freely on the canvas to highlight areas, circle bugs, or sketch quick notes.

Text Boxes

Place resizable text annotations anywhere on the screenshot with customizable font size.

Arrows & Lines

Point to specific UI elements with directional arrows or straight lines.

Rectangles

Draw rectangular outlines to frame areas of interest on the capture.

Circles & Ellipses

Highlight regions with circular or elliptical shapes.

Blur / Pixelate

Redact sensitive information like credentials, emails, or personal data before sharing.

How to Annotate a Screenshot

1

Capture a screenshot

Click the screenshot button in the Crosscheck extension popup or use the keyboard shortcut. The annotation editor opens automatically once the screenshot is captured.
2

Select a tool

Choose a tool from the annotation toolbar at the top of the editor. The active tool is highlighted.
3

Pick a color

Click the color picker to choose a stroke color for your drawings, arrows, or shapes. The selected color applies to all subsequent annotations until you change it.
4

Draw on the canvas

Click and drag on the screenshot to add your annotation. Text boxes can be placed with a single click.
5

Undo mistakes

Use the undo and redo buttons in the toolbar, or press Ctrl+Z / Cmd+Z to step back through your changes.
6

Save and share

Once you are satisfied with your annotations, click Save. The annotated screenshot replaces the original capture and is ready to share.

Annotation toolbar with drawing tools, color picker, and undo/redo buttons

The annotation toolbar appears after capturing a screenshot

Blurring Sensitive Information

The blur/pixelate tool lets you obscure any part of the screenshot before sharing. This is useful for hiding passwords, API keys, personal information, or any confidential data visible in the capture.

1

Select the blur tool

Click the blur/pixelate icon in the annotation toolbar.
2

Drag over the area

Click and drag to draw a rectangle over the content you want to redact. The area inside the rectangle will be pixelated.
3

Adjust if needed

You can resize or reposition the blur region by selecting it. Add multiple blur regions as needed.

Blur tool applied to sensitive data on a screenshot

Sensitive data redacted using the blur tool

Annotating Existing Screenshots

You can add annotations to previously captured screenshots from the dashboard. Open any screenshot check in the detail view and click the edit/annotate icon. The same annotation toolbar will appear, allowing you to mark up the image and save your changes.

Best practice
Annotate screenshots before sharing them with your team. Arrows pointing to the bug location and a brief text note make captures much more actionable for developers reviewing the report.
Last updated: March 2026