Workflow · 3–5 minutes

Create a bug report with annotated full-page screenshots

Capture the page where a bug appears, number each problem, and send developers one clear file they can act on.

Bug report12Fix spacing here

You’ll need

  • The page where the bug appears
  • Capurize installed and pinned

Steps

  1. Reproduce the bugGet the page into the broken state first: open the menu, submit the form, or switch to the account that shows the problem.
  2. Capture the full pagePress Alt+Shift+P. A full-page capture shows the bug in context, including anything above or below it that a developer might need.
  3. Number each issueIn the Studio press N and click next to each problem. Numbers increase automatically, so you can refer to “#2” in your ticket.
  4. Point and explainPress A to draw an arrow at the exact element, then T to add a one-line note such as “Total doesn’t include tax”.
  5. Hide test dataPress B and drag over emails, names or order numbers. Choose Solid for anything that must not be readable.
  6. Export or copyClick the download button for a PNG, or press Ctrl+C with nothing selected to copy the page straight into your issue tracker.

Result: One annotated image (or a multi-page PDF for long pages) that shows exactly what is wrong and where, with sensitive data removed.

Tips

  • Set the file-name pattern in Options to {domain}_{date}_{time} so captures sort by site and time.
  • If the bug only appears at a certain width, resize the browser window before capturing.
  • Keep one capture per page and number the issues, rather than sending many cropped screenshots.

Who uses this workflow

Related guides

Do this with Capurize

Full-page capture, annotation, redaction and PDF export, free during launch.

More workflows