Does the coded page really match the design? Overlay Check is a free Chrome extension that puts your mockup (PNG or JPG exported from Figma, Photoshop or any tool) on top of the live web page, so you can see every misaligned pixel.
How to do a pixel perfect check
- Install Overlay Check from the Chrome Web Store.
- Open the page you are building and click the extension icon.
- Drop, paste (Ctrl+V) or choose your mockup image.
- Lower the opacity, nudge the layer with arrow keys and compare.
Free features
- Unlimited overlay layers
- Opacity slider
- Nudge with arrow keys, center horizontally
- Lock the layer so you can click through to the page
Pro (one-time payment, no subscription)
- Difference mode – mismatches light up, matching pixels go dark
- Overlays saved per page
- Export
FAQ
Does it upload my designs? No. The image stays in your browser. Privacy policy
Do I need an account? No.
