Avior Hadad · QA Portfolio
Home
UI Diff Tool
Contact
UI Design Diff
Figma → Browser · Deterministic Check
No AI · 100% Deterministic
How to use
Step 01
Export from Figma
Open screen in Figma
Select the main Frame
Run
"Figma to JSON"
plugin
Drag the JSON file below
Step 02
Export from Browser
Drag the bookmarklet to your browser bar
Navigate to the screen to test
Click the bookmarklet — JSON + screenshot download
Drag both files below
Step 03
Run the Diff
All files dropped? ✓
Click
Run Deterministic Diff
Review results + screenshot inline
🔖 Browser Bookmarklets
Drag one to your bookmarks bar. Visit any page and click it to extract computed JSON (and optionally a screenshot).
📸 JSON + Screenshot
{ } JSON Only
⬆
Drag
to your browser bookmarks bar · then click on any page to extract
Figma JSON
📂
Drop .json file here or
browse
✓ File loaded
Computed JSON (Browser)
📂
Drop .json file here or
browse
✓ File loaded
📸 Screenshot (optional)
🖼
Drop .png screenshot here or
browse
Optional — shows inline next to results for visual reference
▶ Run Deterministic Diff
Screenshot Reference