Provides a number of features for quick and accurate UI design on the Mac, including the ability to zoom to pixel level, measure dimensions, provide colour examples, detect calibration and much more.
Application Description
QuickLens is a UI design aid. Whether it’s the margins selected, the angles used in icons, the length or borders of certain elements, the colours used or just zooming to near pixel level. QuickLens provides a set of tools to support all these operations and much more!
Main functions
Zooming in on pixels
Measure dimensions and angles
Sample colours and maintain colour palettes
Simulate colour blindness and contrast in real time
Checking routes
Checking layouts using grids
Overlay guide on multiple monitors
Checking real time distances and bounding boxes
Tools
Lens (Lens)
Scale (Ruler)
Frames (Frame)
Guide
Monocle
Crosshair (Crosshair)
Each tool has a clearly defined purpose and does it very well.
When used in combination with the other tools you can harness the true power of QuickLens.
Introduction to the tools
Lens (Lens)
Magnifying pixels
Sample colour
Make accurate pixel measurements
Capture a snapshot of the lens view
Scale (Ruler)
Measure vertical, horizontal distances, even at an angle
Measure angles and capture every 5° and 90° angle
Measure angles in degrees and radians
Switch between the following units: pixels, inches, centimetres, millimetres
Frame
Measure the width and height of screen elements
Set up a grid with rows and columns to cover your design
Includes a gold grid with spirals
Save and manage grid presets
Capture snapshots and videos using the overlay grid
Guide
Check alignment using the full screen guide
Setup guides on multiple monitors
Checking the distance between guides
Monocle (Monoscope)
A handy presentation tool
Zoom in to any part of the screen
Change shape and size
Darken the rest of the screen to focus on the magnified area
Move seamlessly between displays
Crosshair
View full screen crosshairs
Use for quick alignment checks
Use Distance mode to see the live distance between screen elements
Use bounding box mode to drag a selection around an element to view its bounding box
