How To Use PixelDiff

STEP 01

Create a new project

Start a project by entering the URL of the service you want to compare. PixelDiff will automatically load the website.

STEP 02

Capture the live screen

PixelDiff loads the real service screen and automatically captures screenshots. Captured images are saved to your project.

STEP 03

Upload Figma design

Select and upload the Figma frame you want to compare. You can upload multiple frames from your Figma file simultaneously.

STEP 04

Overlay and compare

Overlay the live screen and Figma design to spot pixel-level differences instantly. Adjust opacity and position as needed.

Get Started Now

Get Started