Developer Tier
PixelLayer Pro
Overlay design mockups on any live page and catch 1px misalignment with a difference blend mode. Runs entirely in your browser.
£19/yr · £2.99/mo · £35 Lifetime
Why this exists: design-overlay tools in Chrome are dominated by a single extension with roughly 300,000 users and a 3.2/5 rating. PixelLayer Pro is a smaller, sharper take: six layers and a real difference-blend mode free, keyboard nudging to the pixel, and nothing leaving your browser.
What it does
- Overlay PNG, JPG or Figma exports on any live webpage
- Up to 6 design layers free, unlimited on Pro
- Invert and difference blend modes reveal sub-pixel misalignment
- Arrow-key nudge: 1px, or 10px with Shift
- Opacity, click-through lock and X/Y offset controls
- Per-domain layer memory restores your setup on reload (Pro)
- Ruler guides and an element distance inspector (Pro)
- 100% local processing with zero telemetry
Pricing
The free tier is permanent. Pro is £19/yr billed annually, or £2.99/mo month to month, or £35 Lifetime once. Cancel any time.
Questions
- Do I need a Figma account?
- No. Export any frame as PNG or JPG and drop it on the page. Pro adds automatic sync with Figma files.
- Does it work on any site?
- Yes. The overlay is drawn locally over whatever page you are testing, including localhost.
- What happens when I hit the free limit?
- You keep 6 layers forever. Pro lifts the cap and adds per-domain restore, ruler guides and the distance inspector.