Validate any page.
Even the ones behind a login

Most visual QA tools only work on public pages. We built our Chrome Extension for how developers actually work — localhost, staging environments, and pages that require a login. Install it, open any page, run a probe. No public URL required.

Add to chrome
Your browser, your workflow. No extra steps.

The extension sits in your toolbar and knows what page you're on. Point it at a Figma frame, and it runs the comparison right there — no tab-switching, no screenshots, no manual checks. When the probe is done, open the full breakdown in the web app to see exactly where the implementation diverges from the design.

Add to chrome
About
How to setup

Visual validation for the pages that actually matter

Most QA tools only work on public URLs. The Uiprobe Chrome Extension works wherever Chrome does — including the pages behind a login, on localhost, or on a staging environment no one else can reach.

What it does

Point the extension at a Figma frame and it runs a comparison against the live page in your browser. When it's done, open the full breakdown in the web app. Findings are organised into three sections:

  • Properties — typography, color, size, and style differences
  • Spacing — gaps and distances between elements
  • Unverified — elements the system detected but couldn't fully map yet

Each finding includes exact deltas so you know precisely what's off and by how much.

How results are saved

Every probe is saved to your account and accessible in the web app. You can share results with a shareable link — no login required for the recipient.

What you need

A Figma account with a Dev or Full seat.

‍

Add to chrome

Up and running in two minutes

1. Install from the Chrome Web Store

Search for Uiprobe in the Chrome Web Store, or follow the link on this page. Click "Add to Chrome" and the extension icon will appear in your toolbar — pin it so it's always visible.

2. Sign in with Figma

Click the extension icon and sign in with Figma. Your design access is connected from the start — no separate integration step, no extra permissions to configure later.

3. Create your first probe

Navigate to any page you want to validate — localhost, staging, or a live URL. Click the extension, paste in the URL of the Figma frame you want to compare against, and hit Run. When it's done, open the full breakdown in the web app.

4. Re-run as you iterate

Made changes and want to check progress? Open the extension on the same page and run it again. Each run creates a new version — your previous results are never overwritten. Compare versions side by side in the web app to see exactly what changed.

‍

Add to chrome

Ready to get started?
Sign in with your Figma account today!

Get started
Image CTA Ready To Get Started? Create An Account Today New Clients - Techstar XWebflow TemplateRecent Invoices - Techstar Webflow Template