Design Tools

Inspect interfaces precisely with rulers, guides, and grids

PinLens adds rulers, draggable guides, and adjustable grids to the live preview window. Guides support color and width settings, while grids support color and size controls for accurate UI alignment and spacing checks.

Rulers and guides
Rulers and guides

Enable rulers, drag guides, and tune guide color/width plus grid color/size directly inside the preview window

Rulers
Draggable guides
Color/width
Grid size
Rulers
Horizontal and vertical measurement
Guides
Drag, color, and width
Grid
Color and size controls

Professional controls for design review

Rulers

Show horizontal and vertical scales around the preview window to judge element position, size, and relative distance.

Draggable guides

Add, drag, and remove guides, then tune their color and line width to check alignment across buttons, text, icons, and layout boundaries.

Adjustable grids

Turn on grids and adjust their color and size to see spacing rhythm clearly across responsive layouts, card arrangements, and component gaps.

Visual aid settings

Configure color, width, and grid size so references stay visible across different backgrounds, brightness levels, and zoom states.

Turn live preview into an inspection canvas

1
Select the screen area you want to inspect and open the PinLens live preview.
2
Enable rulers, guides, or grids and drag references onto important edges.
3
Tune guide color/width and grid color/size for the background, then use zoom to inspect details.
PinLens macOS 15.0+