QuickLens Icon
QuickLens
Inspect the UI — like a PRO!

A Powerful Mac* App to...

  • zoom into pixels
  • sample colors
  • measure angles, distances & boxes
  • check alignments
  • take snapshots
  • ...and much, much more.
* Requires macOS 10.15+
Take a Quick tour

Tools, crafted precisely for your on-screen tasks.

Use each tool independently or combine them for maximum power.

  • Lens tool
    Lens
  • Ruler tool
    Ruler
  • Frame tool
    Frame
  • Guide tool
    Guide
  • Monocle tool
    Monocle
  • Crosshair tool
    Crosshair

Across the Desktop

All tools work at the Desktop level, on any Application or across Applications. This is a deliberate design choice that allows maximum exploration 🚀.

Photo of Luke Hamburg
Luke Hamburg
Front-end Developer & Mac Enthusiast
New York
QuickLens is the answer to all your pixel-perfect measurement, inspection & alignment needs! Completely overhauled for modern macOS Catalina/Big Sur and faster than ever. A thoughtfully designed swiss army knife that you didn't know you needed — but quickly becomes a go-to tool you can't live without.
Photo of Naresh Bhatia
Naresh Bhatia
Front-end Architect, Musician
Boston, Massachusetts
As a front-end developer, QuickLens has become an indispensable tool in my toolkit. Whether I am building a component from scratch or trying to follow a design, QuickLens helps me sample colors, measure distances and check alignments without jumping from tool to tool. I don’t think I can go back to my old ways of doing things.
The Lens tool

Lens

Arguably the most powerful tool in the suite, Lens is perfectly suited to view your designs up close

Zoom into details

Get closer to those UI details with zoom levels upto 64X.

Sample Colors

Pick colors from the desktop and maintain palettes. You can pick colors individually or from an area.

Export them to an HTML color sheet or to JSON

Sample Colors

Color formats, profiles and simulations

View your colors in multiple formats or switch color profiles.

You can also simulate color-blindness

Color formats, profiles and simulations

Check Color Contrast

Do real-time Color Contrast and readability checks of your palette colors against a background. Go for the AAA rating!
Check Color Contrast

Get precise measurements

Want to know the size of the icon? Find out using the built-in pixel area measurement.
Get precise measurements
Photo of Robert Felker
Robert Felker
Generative Artist, Flutter Developer
Bordeaux, France
QuickLens is so good it is in danger of being sherlocked. Oh wait, it is too complete to be copied! I use the palettes and pixel peeping features at every creation step to ensure precision. Used with the wide-screen, I can concentrate on the process and check all details at the same time! New features are coming fast too so I can integrate it more quickly with my code. I can't work without it now
Photo of Marcelo Paiva
Marcelo Paiva
User Experience Manager, Accessibility & Design Systems advocate
Miami, Florida
There are many Dev and UX tools, but QuickLens takes this category to a new level. It's like a Swiss army knife. The Color-Blindness simulation checks for Color Accessibility and the color-picker works perfectly with the 64x zoom-level and for visual QA. But my favorite has to be precision of the Screenshot Capture.
The Ruler tool

Ruler

Measure verticals, horizontals or lines at any angle

Distances and angles

Lines, obliques? No problem! No length or angle can escape the mighty Ruler.
Distances and angles

Units

Measure in pixels or in inches, centimeters or millimeters. See angles in degrees or radians.
Units

Make it 4

Open up to 4 Rulers simultaneously, each measuring a different aspect of the UI.
Make it 4

Relative position

When the Ruler is horizontal or vertical, just move your mouse over it to see the relative position.
The Frame tool

Frame

Overlay grids on your designs

Frame Everything

Use the Frame tool to check element dimensions, aspect ratios, take snapshots and even capture videos.
Frame Everything

Rows and Columns

Create rows and columns and overlay grids on your designs. There are multiple presets to choose or even create your own.
Rows and Columns

Golden Grids

Check the spatial distribution with Golden Grids. You can control the number of divisions and even flip around the corners.
Golden Grids
The Guide tool

Guide

Like Photoshop® guides, but anywhere on your desktop

Check Layouts

Setup vertical and horizontal guides to check layouts of websites and apps. You can setup guides per monitor.

Guides also double up for checking alignments.

Check Layouts

Manage with the Guide Panel

Use the guide panel to quickly add, remove and distribute guides. It even shows the guide counts as you move between monitors.
Manage with the Guide Panel

Select, Lock, Snap

Guides can be individually selected for batching actions like locking, deletion, moving. Lock guides to ensure you don't move them accidentally.

You can also snap guides to nearby edges on the screen.

Select, Lock, Snap

Distance between guides

With a handy shortcut, you can toggle the distances between guides. It's useful when you want to be precise with your gaps.
Distance between guides
Photo of Giri Jeedigunta
Giri Jeedigunta
Full-Stack Architect
Bengaluru, India
I’ve been using QuickLens app for sometime now and I'm in total awe of how incredibly useful this tool is. The precision it gives in measuring the elements on the screen, the finesse and control I get with QuickLens is simply superb. Ruler, Frame, Guides are something I’m using daily for designing and developing apps.
The Monocle tool

Monocle

Handy Presentation tool

A mini-Lens

Works like a mini-Lens tool that moves with the cursor. Zoom from 1X to 32X.

See the color under cursor and the familiar pixel-grid, all with handy shortcuts.

A mini-Lens

Various shapes

Easily switch between the Rectangle, Circle and Square shapes
Various shapes

Dimming outside the Monocle

Dim rest of the desktop to spotlight just the monocle area. It's perfect for a quick focused presentation to your team.

Various sizes

Several sizes to focus on the area you desire
Various sizes
The Crosshair tool

Crosshair

Check alignments, real-time dimensions or just your mouse-location

Alignments and Location

Use the crosshair mode to check for alignments or just the location on-screen
Alignments and Location

Real-time distances

Measure distances between UI elements in real-time

Bounding Box

Just drag on the screen to find out the bounding box for the UI elements

Batteries included

There is more to QuickLens to improve your everyday usage and convenience.

Color, Light & Dark

Switch between various color themes for the tools. Light and Dark modes included.
Color, Light & Dark

Shortcuts Viewer

The tools are loaded with handy shortcuts. Master them with the shortcuts-viewer.

You can also view these as a HTML sheet.

Shortcuts Viewer

Tool Palette

One palette to rule them all — the Tool palette is your central command center.

It can be used to launch and close tools, change color themes and light/dark modes.

Tool Palette

A Touch away

There is full Touch Bar support for all tools and windows. Sometimes its easier and faster with a Touch!
A Touch away

At the core

Designed using the latest macOS* Technologies.

* Requires macOS 10.15+

  • The SwiftUI tool

    SwiftUI

    Using SwiftUI across the board for the most modern macOS experience

  • The Multi-Monitor tool

    Multi-Monitor

    Use just on your laptop or connect as many monitors as you want

  • The Touch Bar ready tool

    Touch Bar ready

    Control the tools even from the Touch Bar

  • The Retina Ready tool

    Retina Ready

    Retina Ready for the best possible display

  • The Notifications tool

    Notifications

    Notifications for all the important operations

  • The Keyboard Shortcuts tool

    Keyboard Shortcuts

    Rich Keyboard support to control every action. Global hotkeys too.

  • The Themes tool

    Themes

    Switch Themes on the fly with a handy shortcut

Inspect the UI — like a PRO

QuickLens Icon

QuickLens is a powerful macOS App for getting deeper into the UI and ensuring every pixel comes out right. And, doing it all, like a PRO!

OR
Download on the Mac App Store

* Requires macOS 10.15+

Also available on Setapp


  • Photoshop ® is registered trademark of Adobe Inc.
  • Latest release build: 2.8.644