Uiprobe vs Pixelay: automated detection vs visual overlay
Uiprobe vs Percy.
Different tools for different problems. Percy protects against visual regressions between builds. We compare your implementation against the Figma design. This page explains where each one fits.
Percy screenshots every build and diffs against the last approved baseline. We read the Figma frame and the live DOM, then tell you what diverged. This page shows where.
What we do differently
Four decisions that separate Uiprobe from Percy.
Percy is excellent at catching unintended changes. It was never designed to tell you whether the implementation reflects the design. That is a different problem.
01
We compare against the design, not the last build.
Percy's reference is a previous screenshot. If the first implementation drifted from the design, Percy locks that drift in as the baseline. We use the Figma frame as the reference, every run.
Vs.
Compares build against build. If the first build is wrong, every baseline after it is wrong too
02
We tell you what is wrong, not just where.
Percy produces a heatmap showing which areas changed. It does not tell you whether the problem is a wrong font, incorrect spacing, or a color mismatch. We surface specific findings with expected and actual values..
Vs.
Shows red patches on a heatmap. You figure out what changed.
03
We run in the browser, not in CI.
Percy runs in your test pipeline and requires CI integration, snapshot config, and baseline management. We run as a Chrome extension. Open a page, paste the Figma frame URL, done.
Vs.
Requires CI/CD integration and test infrastructure to run.
04
We verify before merge. Percy protects after.
Percy answers "did something change?" We answer "does it reflect the design?" Different questions, different stages. Percy protects after merge. We verify before review.
Vs.
Protects against regressions after merge. Does not verify against the design.
Annotated spec sheet
The whole comparison
in one read.
Aspect by aspect. Plain values. No scoring.
Uiprobe
Percy
Reference source
Figma frame
Direct connection. Design is always the reference.
previous build
Screenshot of last approved build.
Detection method
automated
Findings surfaced for you, grouped by category.
pixel diff
Heatmap of changed areas. You inspect manually.
Output
expected → actual
Per finding, specific values. No ambiguity.
visual heatmap
Red patches showing changed regions.
Runs in
browser
Chrome extension. Any page Chrome can open.
CI/CD pipeline
Requires test framework and build infrastructure.
Setup
paste URL
Sign in with Figma, paste frame URL. Two steps.
SDK integration
CI config, snapshot setup, baseline management.
Localhost
yes
Runs on any page including localhost and login-gated.
via test suite
Whatever URL your test suite targets.
Version history
every run saved
Re-run after a fix and read the delta.
per build
Baseline management per build in CI.
Figma connection
direct
Reads from the Figma frame every run.
none
No concept of a design source.
Free tier
10 probes / month
Free forever. No ads.
free tier
Free tier available with snapshot limits.
Paid
$15/month
~$399/month
Who we built this for
If you need to know it reflects the design before it ships, this is what we built.
Uiprobe fits a specific workflow. Percy is the right tool for regression protection. But if any of this sounds like what you need, you are the reason we built something different.
01
You want to verify your implementation against the Figma design before submitting for review, not catch regressions after merge.
02
You want specific property findings, not a heatmap that requires manual inspection to understand.
03
You do not have CI/CD infrastructure for visual testing, or you want a faster check earlier in the workflow.
04
You need both tools: Uiprobe before review, Percy in CI. They cover different risks.
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 didn't tell us what, where, or by how
much. So we built the one we wanted. If you've 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.
