A grid overlay for any window
Check that spacing, columns and baselines match the design, without measuring anything.
Pixel grids for spacing
Pick a cell size and the whole screen becomes a spacing check. Anything off the rhythm sticks out.
Column, baseline and modular layout grids
Lay the design's column grid over the build and see whether content sits in the columns or bleeds into the gutters. Add a baseline and check the type lands on it too.
Lock the grid to a window
Pick a window and the grid covers only that window, following it as you move and resize it.
Also in Irid
- Color pickerPick colors in the format of your choice. Copy to clipboard or add to a palette library for later use.See the color picker
- Screen rulerQuickly find the distance between elements, or drag to measure their size.See the screen ruler
- Design overlayPin your design on top of the live app, and catch every pixel that drifted from the original.See the design overlay
See the grid the design was built on.
Columns, baselines and spacing, checked in place.