Uiprobe vs Pixelay: automated detection vs visual overlay
Uiprobe vs Over.fig
Both are Chrome extensions that connect to Figma. Over.fig overlays the design and lets you inspect CSS values per element. We run the comparison automatically and surface every difference without you having to look for them.
Over.fig saves you a trip to DevTools. We save you the trip and the search. This page shows where.
What we do differently
Four decisions that make Uiprobe a different tool.
Over.fig improves the overlay workflow with CSS inspection. We replaced the overlay workflow with automated detection.
01
We run the comparison for you.
Over.fig overlays the design and lets you click elements to inspect CSS values. You still scan visually and check one element at a time. We compare every mapped element automatically. Findings are surfaced when the comparison finishes.
Vs.
Helps you inspect one element at a time after you spot the difference visually.
02
We align the layers automatically.
Over.fig requires manual overlay positioning. Sticky headers, cookie banners, or layout shifts mean repositioning. We align automatically by reading page structure.
Vs.
Manual overlay positioning. Reposition when the page layout shifts.
03
We save every run.
Over.fig comparisons are session-based. Close the tab and they are gone. Every probe run in Uiprobe is saved. Re-run after a fix and compare against the previous version.
Vs.
Session-based. Close the tab and start over.
04
We surface findings with values.
Over.fig shows CSS values when you click an element. But it does not compare those values against Figma automatically. We show expected and actual values side by side for every finding. The comparison is done.
Vs.
Shows CSS values. Does not compare them against the Figma design automatically.
Annotated spec sheet
The whole comparison
in one read.
Aspect by aspect. Plain values. No scoring.
Uiprobe
Over.fig
Figma integration
Frame URL
Direct connection. Reads properties every run.
extension
Live connection via Chrome extension.
Detection method
automated
Property comparison across all mapped elements.
manual + inspect
Overlay scanning + click-to-inspect CSS.
Alignment
automatic
Reads page structure. No manual positioning.
manual
Position the overlay layer yourself.
Output
expected → actual
Figma value and CSS value side by side per finding.
If you check the same screens more than once, this is what we built.
Uiprobe fits a specific kind of workflow. Simpler tools exist for simpler needs. But if any of this sounds like the work you do, you are the reason this exists.
01
You check the same screens through a fix-and-recheck loop, and want a record of what changed run to run.
02
You want every property difference surfaced automatically, not one element at a time when you click it.
03
You need alignment handled automatically because your pages have sticky headers, banners, or dynamic content.
04
You want the Figma value and the CSS value compared for you, not just the CSS value shown.
Why we built it
We got tired of measuring by hand.
We're builders shipping product UIs. The tools we had let us see something was off. They did not tell us what, where, or by how much. So we built the one we wanted. If you have felt that same friction, Uiprobe is for you.
Stop pixel-peeping by hand.
Free to start. No credit card. See your first comparison in under a minute.
