Pixel-perfect, finally painless

Overlay designs from Figma or images, use grids and guides, measure distances — all inside your browser.

Add to browser — Free
🎨

Design Overlay

Pull frames directly from Figma or upload images. Overlay them on any webpage with adjustable opacity and scale.

📐

Grid System

Pixel grid, column grid, and custom guides. Everything you need to verify alignment and spacing.

📏

Measurement Tool

Click and drag to measure any distance on the page. See width, height, and diagonal in pixels.

Diff Mode

Blink the overlay on and off to instantly spot differences between design and implementation.

🔗

Figma Integration

Connect with your Figma token, browse files, pick a frame — the image loads automatically. Refresh with one click.

💾

Per-URL Sessions

Each page remembers its own overlay, position, and settings. Come back anytime — everything is restored.

Built for developers and designers who care about every pixel

Add to browser — Free