Overlay your design on the live build
Pin the mockup over the build and the differences show themselves: the padding that's off by four, the wrong gray, the heading a weight too light.
Over any app, not just a browser tab
Browser extensions stop at the edge of the page. Irid floats above the whole screen, so the mockup sits over a Mac app or the iOS Simulator as easily as a website.
Line it up, then lock it
Line it up by the pixel, then lock it in place. Everything you click goes through to the app underneath.
Invert to spot the drift
Flip the filter to Invert and everything that matches flattens to gray. Whatever keeps its color is what moved.
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
- Grid overlayShow grids over any window to see whether everything lines up the way it was meant to.See the grid overlay
Catch every pixel that drifted.
The design on top of the build, in any app.