Avior Hadad · QA Portfolio
UI Design Diff
Figma → Browser · Deterministic Check
No AI · 100% Deterministic
How to use
Step 01
Export from Figma
  1. Open screen in Figma
  2. Select the main Frame
  3. Run "Figma to JSON" plugin
  4. Drag the JSON file below
Step 02
Export from Browser
  1. Drag the bookmarklet to your browser bar
  2. Navigate to the screen to test
  3. Click the bookmarklet — JSON + screenshot download
  4. Drag both files below
Step 03
Run the Diff
  1. All files dropped? ✓
  2. Click Run Deterministic Diff
  3. 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).
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
Screenshot preview