Chrome Extension
The Uiprobe Chrome Extension provides a lightweight, frictionless way for frontend developers and UI designers to initiate visual validation scans directly from the live webpage they are working on. It’s an easy way to bring Uiprobe into your daily browser workflow.
Last updated: October 15, 2025
What it is
The Chrome Extension allows you to create and update probes directly from your browser — without switching to the Uiprobe web application.
It’s designed to make visual validation faster, more accessible, and fully integrated into your development and design workflow.
Key benefits
- Zero-touch workflow: Create probes directly from your browser without leaving your environment.
- Instant on-demand checks: Validate your work and get feedback immediately after code changes.
- Localhost support: The extension is the preferred way to validate webpages running on localhost, since the Uiprobe web app cannot directly access them.
- Seamless integration: Built to fit smoothly into existing front-end and design processes.
How it works
Once installed, the Chrome Extension lets you connect any live webpage to a corresponding Figma design for automated visual validation.
You can use it to create new probes, or re-run existing ones after making code changes.
How to install the Uiprobe Chrome Extension
Option 1 — Direct link
Visit the Uiprobe Chrome Extension page and click Add to Chrome.
Follow the on-screen instructions to complete the installation.
Option 2 — Search manually
- Open the Chrome Web Store.
- In the search bar, type “Uiprobe.”
- Select the Uiprobe extension from the results.
- Click Add to Chrome.
- Follow the on-screen instructions to finish installation.
How to create a new probe
Once installed, the extension makes it easy to create a new probe for the webpage you’re currently viewing.
- Navigate to the webpage you want to validate.
- Click the Uiprobe extension icon in your browser toolbar.
- If you’re not signed in, click the sign-in button — this redirects to the Uiprobe web app for authentication.
- Once signed in, the extension popup opens and prompts you for a Figma design URL.
- The current webpage’s URL is automatically used for comparison.
- Provide a Figma Frame ID if it’s not already part of the URL.
- Click Initiate Comparison to start the scan.
- Uiprobe will process the probe and link you to the full report in the web app
How to update an existing probe
You can also re-run comparisons for pages that already have a probe — ideal for checking changes after a code update.
- Navigate to the webpage with an existing probe.
- Click the Uiprobe extension icon.
- The extension recognizes the existing probe and shows an Update option.
- Click Update to rerun the comparison.
- You’ll be redirected to the updated probe report in the Uiprobe web app.
