Screen Measurement Tools for Mac
The Best Mac Ruler in the Galaxy
The Launcher
Drop a Ghost over your live UI. Drag Log across the comparison. The saved PNG carries both tools’ work baked together. That’s the superpower no other Mac ruler has.
Ghost overlays the design comp. Log captures the comparison. One PNG, both tools’ work.
Activate one tool, then another. They run side by side without fighting for focus — the architecture that makes stacking possible.
Even with a tool firing, the tray sits above every overlay. Summon the next tool with one click — no need to dismiss the current one first.
One keystroke clears the entire stack. Experiment freely — combine three tools, see what works, hit Esc if it doesn’t.
Tools
Drag roughly across the space you want measured. Endpoints snap to window edges, screen edges, and UI element edges within 24pt. A glowing steel ruler unrolls from the click point and locks in. The fastest way to measure anything on screen.
Drop glowing cyan alignment lines anywhere on screen — horizontal or vertical. Place two and the live pixel distance between them appears mid-air. The cleaner upgrade to ruler guides: animated, snappable, and self-measuring.
Hover over any native UI element to see its exact pixel size. Hold Option to enter Radar mode — pink distance lines extend from every edge of the element to the nearest neighbor, giving you instant spacing readouts like Figma without leaving your design app.
When Probe can't see inside Adobe panels, Electron apps, or custom-drawn UI — Scan does. Drag a rectangle anywhere on screen and get instant W×H pixel dimensions. The fuse-lit drag preview is precise to the pixel.
Drop a Figma export onto your live web app. Ghost materializes the image with a cyan scan-in animation, floats it at adjustable opacity, and lets you hold X to flash 100% for instant A/B comparison. Stack multiple ghosts for logo + button + form alignment in one pass.
Press ⌘⇧L (or click the tray pill) and drag a rectangle around any region. Log captures it, copies to clipboard, and drops a PNG on your Desktop. The selection rectangle has a cyan fuse animation traveling around it so you always know what you're capturing.
Drag out floating marker rectangles that sit above every app. Six aspect templates — Free, 1:1, 16:9, 9:16, 4:3, 3:4 — with proportion-locked corner resize. Perfect for blocking out layouts before you build them.
Full-screen cursor-locked crosshair lines with live X/Y coordinate readout. Hold Option to freeze the position mid-measurement. The simplest tool in the kit and somehow the one you'll use most.
A circular magnifier with a chamfered cyber-housing that follows your cursor. Samples the center pixel as a live hex value. Right-click to copy — or press ⌘⇧C from anywhere on screen to grab the color without breaking your flow.
Tool 08
Drop your design comp onto your live UI. Ghost materializes the image with a cyan scan‑in, floats it at adjustable opacity, and flashes to 100% when you hold X — instant A/B comparison without leaving the browser. Stack multiple ghosts to align logo, button, and form in one pass.
$9.99 one‑time
No App Store. No subscription. Pay once. Own it forever.
Buy CyberRuler — $9.99 Universal · macOS 13+ · Notarized by AppleQuestions? hello@studiopractice.io