Screenshot tools for developers on Mac, by the job in front of you

By Ziad Ziadeh, Snapline’s developer · Published 15 October 2026

The short version

  • Bug reports: CleanShot X, or Snapline (made by this page's author) when keys and tokens are on screen. Code from a screenshot: Snapline's Copy as Code. Measuring and colors: Shottr. Simulators: xcrun simctl. Long web pages: browser DevTools. AI assistants: Playwright MCP in the browser. PR demos: CleanShot X.
  • Several of these answers cost nothing: the simulator tools, the browser's full-page screenshot and Digital Color Meter are already on your Mac. Snapline is the pick for two jobs, redacting secrets and copying code in shape, and is described with that interest declared.
  • No prices anywhere on this page: they change and are localized, and each maker's site is the only reliable source.

How were these tools checked?

This page is by Snapline's developer, so read anything it says about Snapline with that in mind. Snapline is the pick for two jobs below, and each section says plainly where a free tool or another app is the better answer.

How these were checked, dated. CleanShot X's features page, Shottr's, Snagit's and Xnapper's sites, and Apple's, Chrome's, WebKit's and GitHub's documentation were read on 15 October 2026. The simctl details are quoted from xcrun simctl help io in Xcode 26.0.1. Claims carried over from this site's other pages keep their dates: 21 September 2026 for Snagit's pricing model, and the MCP guide, published 22 September 2026, for Playwright MCP and Chrome DevTools MCP. Snapline's claims are verifiable against the app, which is free to try in full for 14 days. “Not listed on its site” means the maker's pages do not mention it, which is not the same as “can't”. Corrections go to support@snap-line.app.

Which tool is best for a bug report?

CleanShot X for the whole loop: capture, arrows, a GIF of the repro, and a share link for the ticket. Snapline (the author's app) when the screen holds API keys or tokens, because its Smart Redact looks for them on device. Xnapper also hides API keys in one click, per its site.

A bug report screenshot fails in one of two ways: it doesn't show the problem, or it shows a secret. Every app here annotates, the built-in Markup included. Finding the secret is where they differ: terminal output, a .env file and a curl line in a log all carry keys that are easy to miss by eye, and the redaction guide explains why the cover must be a solid box, not blur.

Per their sites, checked 15 October 2026: Xnapper hides “Emails, credit cards, IP addresses, API keys” with “a single click”. Snagit's Smart Redact can “blur or completely block emails, phone numbers, and credit card details”. CleanShot X pixelates “with applied randomization for better security”, and automatic detection is not listed on its site. Shottr pixelates and hides text, and leaves the finding to you.

Snapline's Smart Redact runs on device and looks for email addresses, phone numbers, URLs, street addresses, card numbers, IBANs, JWTs, API keys and long hex secrets; the key detector knows sk- keys, GitHub tokens, AWS access key IDs, Slack tokens and Google API keys. Each match is an ordinary redaction you can delete, and a setting runs it after every capture. Its default style is Pixelate, so choose Solid before you rely on it. For the repro, CleanShot X records straight to GIF; Snapline records MP4 and converts afterwards (see demos).

How do you get code or a stack trace out of a screenshot?

For plain text, any app with OCR will do, and Live Text in Preview does it for free. For code that has to keep its indentation, Snapline's Copy as Code, which rebuilds the indent instead of flattening it.

Per their sites on 15 October 2026, Shottr reads a selection to the clipboard from a hotkey, QR codes included; CleanShot X will “Copy text from any image”, on device; and Xnapper reads text with the built-in macOS vision engine. For an error message or a stack trace, any of them will do.

Code is the hard case: leading spaces are the first thing a plain copy loses, and in Python or YAML they are the meaning. When a Snapline capture reads as code, it offers Copy as Code: one line per visual line, indentation rebuilt in spaces, nothing reflowed. When it reads as a table it offers Copy as Table, tab-separated cells that paste into a spreadsheet as cells. Where it found neither shape, the item is absent rather than a mangled paste. Capture Text (⌥⌘E) reads a region without saving an image (how to copy text from the screen), and every capture is recognized in the background, so last week's error turns up when you search your screenshots by text.

Which tools measure UI and pick colors?

Shottr, the quickest of any app here. Digital Color Meter, already on your Mac, for a live reading anywhere on screen. Xcode's view debugger when the question is why your own view sits where it does.

Shottr's site, checked 15 October 2026: press an arrow key and move the mouse to measure, click to stamp the measurement onto the image, and “press the TAB key to copy color under the cursor”; C copies an area's average color. For checking a build against a design, nothing else here is as fast.

Apple's Digital Color Meter guide (read 15 October 2026) says it shows the color under the pointer, locks the aperture with ⌘L, and copies the value as text with ⇧⌘C, with no screenshot to take first. CleanShot X's features page says you can “use the color picker to pick colors from your screen”; a ruler is not listed on its site. For your own app, Apple's Xcode documentation sends layout problems to the view debugger, which “displays a 3D representation of the view hierarchy in layers”.

Snapline's editor has a Measure tool (M) labelled in pixels or points, and a Color Sampler (E) that copies hex or rgb(), converted to sRGB because that is what a bare hex means in CSS. Both work after the capture; for a live reading, Shottr or Digital Color Meter is quicker.

How do you capture the iOS Simulator and a real device?

From the command line, xcrun simctl io booted screenshot: the device's display without the Simulator window, and scriptable. For a real iPhone, Xcode's Device Hub or QuickTime Player.

xcrun simctl io booted screenshot shot.png
xcrun simctl io booted recordVideo --codec=h264 repro.mov

Per simctl's own help, screenshot saves a PNG unless --type asks for tiff, bmp, gif or jpeg. recordVideo writes a QuickTime movie, HEVC unless you pass --codec=h264, and stops on Control-C; it prints “Recording started” once the first frame is processed, which is what a script should wait for.

Apple's guide to capturing from devices (read 15 October 2026) says Device Hub's Screenshot button captures a simulated or physical device “at the full resolution” of the device, “regardless of the display resolution of your Mac”. For a real iPhone's screen as video, QuickTime Player's guide says to connect it, choose File → New Movie Recording, and pick the iPhone as the camera. A screenshot app captures the Simulator as a window, frame and all (in Snapline, press Space at the crosshair), which suits a design review but not the App Store.

How do you capture a web page longer than the screen?

With the browser's own developer tools, which render the whole document to one PNG for free. Use a stitching app only for what isn't a web page: a chat thread, a long settings pane, an Electron app's sidebar.

Chrome's device mode documentation (read 15 October 2026): “Capture a full size screenshot” takes “the whole page including the content that isn't visible in the viewport”. The scrolling screenshot guide has the steps, plus Safari's Web Inspector and Firefox. For one component, WebKit's console.screenshot() captures a given target, a DOM node included.

Outside the browser, per their sites on 15 October 2026: Shottr captures “Any app, any window”; CleanShot X “works in every app”, in both directions; Snagit captures “long web pages, documents, and spreadsheets”. Snapline has you scroll while it stitches, vertically, up to 32,000 points tall; it never scrolls for you, because it never injects input into other apps.

How do you let an AI coding assistant see your screen?

Playwright MCP or Chrome DevTools MCP if what you build runs in a browser. A whole-Mac screenshot server for a native app, a simulator or a dialog. The MCP guide covers setup for Claude Code, Cursor, VS Code, Codex and Antigravity.

As the MCP guide (22 September 2026) describes them: Playwright MCP, from Microsoft, drives web pages through structured accessibility snapshots, which its README presents as a way to avoid needing screenshots, and has a browser_take_screenshot tool when pixels matter. Chrome DevTools MCP lets an agent control and inspect a live Chrome browser, with a take_screenshot tool for a page or an element; it can click, read the DOM and watch the console. Neither sees anything outside the browser.

Snapline's MCP server covers the rest of the Mac: a display, a named window such as the Simulator, or a window's text with no image, as plain text, a table or code. It ships off, listens on 127.0.0.1 only, and taking new captures is a switch of its own; by default an Allow or Deny card appears before an assistant's first capture, and an unanswered card declines after 20 seconds. It only looks, with no tool that clicks or types.

How do you record a demo for a pull request or README?

Keep it short and under 10 MB. GitHub takes GIFs up to 10 MB and also accepts video, so a short MP4 is often the better file. CleanShot X records straight to GIF; Snapline converts a recording and estimates the size first.

GitHub's attachment documentation (read 15 October 2026) allows 10 MB for images and GIFs, and .mp4, .mov or .webm video up to 10 MB on a free plan and 100 MB on a paid one. A GIF loops inline in a README; a video gets a player and sound.

What shrinks a GIF is the same in every tool: about 800 px wide, 10 to 15 frames per second, trimmed tight; the GIF guide has the free routes. CleanShot X lets you “control quality, FPS and resolution”. Snapline records MP4 (⌥⌘R) with optional click highlights, keystrokes and a camera bubble, and Convert to GIF takes recordings up to three minutes, estimating the size as you change options and warning past 10 MB. On a Mac with Apple silicon, Snapline Studio, included in every license and in the trial, edits a take with a redrawn cursor, auto zoom on the clicks and cuts; on an Intel Mac, Studio is absent.

How do the tools compare side by side?

From makers' sites on 15 October 2026 unless noted. “Not listed” means the maker's pages do not mention it.

Mac screenshot tools for developers, by job
ToolRedacting secretsText and code outMeasure and colorLong pagesRecordingBest developer job
Built into macOS and XcodeBy hand, a filled box in PreviewLive Text in PreviewDigital Color Meter; no rulerBrowser DevTools, web pages only⇧⌘5 and QuickTime to .mov; simctl, Device HubSimulators, devices, full-page web captures
ShottrPixelate, hide text; you find itOCR per selectionArrow-key ruler; Tab copies a colorYes, any appNot listed on its siteMeasuring and picking colors
CleanShot XPixelate, blur; detection not listedOn-device OCRColor picker; ruler not listedYes, both directionsMP4 or straight to GIFBug reports with share links and GIFs
SnagitSmart Redact: emails, phones, cardsNot listed on its product pageNot listed on its siteYesScreen, audio, webcamTeam documentation, Windows and Mac (yearly subscription, 21 September 2026)
XnapperOne click: emails, cards, IPs, API keysOn-device OCRNot listed on its siteNot listed on its siteNot listed on its siteA polished screenshot for a README
SnaplineSmart Redact on device, API keys and tokens includedCopy as Code, Copy as Table; history searchableMeasure tool, Color SamplerYes, you scroll; verticalMP4, Convert to GIF; Studio on Apple siliconSecrets, code, an assistant that sees native apps

Which one should you pick?

  • The built-in tools for simulators, full-page web captures and live color readings. Try them before buying anything.
  • Shottr if you measure and pick colors all day and don't record.
  • CleanShot X if your bug reports go out as share links and GIFs.
  • Snagit if you write step-by-step documentation for a Windows and Mac team.
  • Xnapper if the screenshot is headed for a README or a launch post.
  • Snapline if your screens are full of keys and tokens, you copy code out of screenshots, or you want an assistant to look at native apps with your say. It needs macOS 14 or later.

Questions

What is the best screenshot tool for developers on Mac?

It depends on the job. CleanShot X is the most complete for bug reports with share links and GIF repros. Shottr is the quickest for measuring and picking colors, and free to use. For simulators, xcrun simctl and Xcode's Device Hub; for long web pages, the browser's developer tools. Snapline, by this page's author, is the pick for redacting API keys and copying code with its indentation.

How do I hide API keys in a screenshot on Mac?

Cover each key with a solid box merged into the image, never blur or pixelation. To find the keys for you, Snapline's Smart Redact detects API keys, JWTs, IBANs and long hex secrets on device, and Xnapper says it hides API keys with a single click. The free route is a filled rectangle in Preview's Markup, with the keys found by eye.

How can I copy code from a screenshot and keep the indentation?

Most text recognition returns the words but loses the leading spaces. Snapline offers Copy as Code when a capture reads as code, and pastes one line per visual line with the indentation rebuilt in spaces. For an error message or a stack trace, where indentation matters less, Live Text in Preview or any app's OCR is enough.

How do I screenshot the iOS Simulator from the command line?

Run xcrun simctl io booted screenshot shot.png. It saves a PNG by default; add --type=jpeg, or tiff, bmp or gif, to change the format. For video, xcrun simctl io booted recordVideo repro.mov records until you press Control-C, in HEVC unless you add --codec=h264.

How large can a GIF be in a GitHub pull request?

GitHub's documentation allows 10 MB for images and GIFs. Videos in .mp4, .mov or .webm can be up to 10 MB in a repository on a free plan and 100 MB on a paid plan. To shrink a GIF, make it about 800 px wide, drop to 10 to 15 frames per second, and trim it tight.

Is this page biased toward Snapline?

It is written by Snapline's developer, so read the Snapline parts with that in mind. Snapline is the pick for two jobs here, redacting secrets and copying code in shape, and the other jobs go to free tools or other apps. Every claim about another tool comes from its maker's documentation with the date it was read, and corrections go to support@snap-line.app.

Snapline is free to try in full for 14 days, with no card and no account; after the trial, capture and new Snapline Studio takes unlock with a one-time license, and everything you already made stays open. Screen Recording is the one permission capture needs; Microphone, Camera and Input Monitoring are asked for only when you turn on the feature that needs them. It requires macOS 14 or later. Download Snapline.