Validate your first webpage in 2 minutes!
Welcome to Uiprobe, the fastest way to validate your live web pages against your Figma designs. This guide will get you to your "aha!" moment—seeing visual inconsistencies highlighted—in just a few quick steps.
Here's the plan:
1. Sign in with Figma: We use your Figma account to log you in and seamlessly connect your designs later on.
2. Create Your First Probe: Provide a Figma design URL and a live webpage URL.
3. See the Issues: Uiprobe will automatically compare the two and highlight all the inconsistencies for you.
Let's dive in!
1. Sign in with Figma
* Click the "Sign in with Figma" button on our homepage. This is our only login method, designed to be frictionless and instantly connect to your Figma designs.
* You'll be redirected to Figma's official authentication page to grant Uiprobe the necessary permissions.
* Once authorized, you'll land on your Uiprobe dashboard, ready to start.
2. Create a New Probe
* Upon successful authentication, you'll see a prominent
"Create Your First Probe" button. Click it to get started.
* A new modal will appear. Paste your
Figma Design URL and the Webpage URL you want to validate.
* Click "Initiate Comparison."
3. See Your First Inconsistency
* After a brief processing screen, Uiprobe will automatically redirect you to the
Probe Detail View.
* You'll see your live webpage with visual annotations, highlighting every single detected inconsistency. The sidebar provides a detailed list of these issues.
Congratulations, you've just completed your first visual validation!
