How to Annotate Screenshots on Mac Like a Pro

Arrows, callouts, highlights and spotlights that make a screenshot explain itself. A practical guide to annotating screenshots on macOS for support, docs and design feedback.

A good annotation turns a screenshot from “here’s a picture” into “here’s exactly what I mean.” Whether you’re filing a bug, writing docs, or giving design feedback, a few deliberate marks save paragraphs of explanation. Here’s how to do it well on macOS.

Start with the goal, not the tools

Before you draw anything, ask: what should the viewer look at first? Good annotation is about directing attention. One clear arrow beats five scattered ones. A single highlighted region beats a rainbow of boxes. Restraint reads as professional; clutter reads as noise.

The core annotation toolkit

These are the marks that do almost all the work, in roughly the order you’ll reach for them:

  • Arrows — the workhorse. Point at the one thing that matters. Tapered arrows (thick at the base, fine at the tip) look more intentional than a plain line and clearly indicate direction.
  • Text labels — name the thing, add a short note, or number a sequence of steps. Keep labels to a few words and place them in empty space, not on top of detail.
  • Rectangles and ellipses — frame an area without obscuring it. Use an outline, not a fill, so the content stays visible.
  • Highlighter — a translucent wash over text or a row, like a real highlighter pen. Great for “look at this line.”
  • Spotlight — dim everything except the region you care about. The most powerful “look here” tool when a screenshot is busy.
  • Lines — connect a label to its target, or underline.

Patterns that work

Filing a bug? Arrow at the broken element, a short text label saying what went wrong, and a solid block over anything sensitive. That’s a report a developer can act on in seconds.

Writing documentation? Number your steps with text labels (1, 2, 3), use rectangles to frame the relevant controls, and keep a consistent color so the sequence reads cleanly.

Giving design feedback? Spotlight the region under discussion, use a highlighter to mark specific elements, and add concise text notes rather than long captions.

Make it readable

A few details separate a pro annotation from a messy one:

  • Pick one accent color and stick to it. A second color should mean something (e.g., red = problem, green = correct).
  • Contrast matters — red and magenta pop on most UI; avoid colors that blend into the screenshot.
  • Size for the medium — annotations that look fine at full size can vanish when the image is shrunk into a chat. Go a little bolder than feels necessary.
  • Leave breathing room — don’t cram labels against edges or over the detail you’re pointing at.

Doing it on macOS

macOS’s built-in Markup covers the basics, but it’s a few clicks away on every screenshot and stops at simple shapes. For anything you do regularly, a dedicated editor is faster and gives you more expressive tools.

iSkitch is built for exactly this loop. Press ⌥⌘4, capture, and the shot opens straight in the editor — no app to launch, no file to find. You get 14 tools always one click away: tapered arrows, text in any system font, rectangles, ellipses, lines, a highlighter, a pen, stamps, stickers, a spotlight, crop with aspect-ratio presets, and pixelate / blur / block for hiding sensitive details.

When the markup is done, share it through the macOS share sheet, drag it straight into Slack, Mail or a doc, copy it, or export as PNG, JPG or PDF. It’s a native, one-time-purchase app with no accounts and no tracking — nothing you capture leaves your Mac.

The one-minute workflow

  1. ⌥⌘4 and capture the area.
  2. Add one arrow to the main point.
  3. Add a short text label if it needs naming.
  4. Spotlight or highlight if the shot is busy.
  5. Hide anything sensitive with a solid block.
  6. Share straight from the editor.

Master that loop and your screenshots will explain themselves — every time.

Get iSkitch on the Mac App Store →

Capture. Annotate. Share in one click.

iSkitch lives in your menu bar, ready for ⌥⌘4 — native, private, one-time purchase.

Get iSkitch