Highlighter Pen
Use cases / 03

How do you give design feedback directly on a website?

Place visual comments beside the layout, spacing or copy that needs attention.

Add to Chrome ↗

How do you do it?

  1. Open the page at the viewport size you want to review.
  2. Add arrows and numbered text notes beside the elements to discuss. Keep each note focused on one change.
  3. Export the visible review as a screenshot. Pro adds HD PNG and visible-area PDF; send the exported file through your usual collaboration tool.

What should you know before starting?

What is free, and what requires Pro?

Free includes the annotation tools, up to 20 annotations combined per page, and normal screenshots with a watermark. Pro removes the annotation limit and watermark, and adds HD PNG, PDF, Markdown feedback lists, local history, and custom source information.

What does a 3x HD screenshot mean?

Pro captures the visible page at the browser’s native device resolution and scales up only when needed to reach at least three image pixels per CSS pixel. Upscaling does not create details missing from the original capture.

What should you read next?