Pixel-perfect toolkit for developers and designers — design overlay, grid system, guides, and measurement tools
Users
12
+1 in 30 days
Rating
5.0 / 5
unchanged in 30 days
Ratings
3
0 in 30 days
Store rank
#180K
#150K among extensions
Version
1.0.0
updated 10 May 2026
Users
monthly, 5 months
Latest, 17 Oct 2026:12 usersMove the mouse over the chart for any month
Ratings count
monthly, 5 months
Latest, 17 Oct 2026:3 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Pixel Scout
🎨 Design Overlay
Overlay designs from Figma or uploaded images (PNG, JPG, WebP) on any webpage. Adjust opacity, scale, position, invert colors, and lock settings.
🔗 Figma Integration
Connect with your Figma Personal Access Token, browse files, select a frame — the design loads as an overlay. Refresh with one click to pull the latest version.
📐 Grid System
Pixel grid with customizable size (4, 8, 10, 16px or any value). Column grid with configurable count, gutter, and margin. Add horizontal and vertical guides at exact positions with live preview.
📏 Measurement Tool
Click and drag to measure any distance on the page. See width, height, and diagonal in pixels with visual guides.
⚡ Diff Mode
Blink the overlay on and off to instantly spot differences between design and implementation.
💾 Per-URL Sessions
Each page remembers its own overlay, position, and settings. Automatically restored when you revisit.
All data is stored locally in your browser. No analytics, no tracking, no third-party servers.