Spaces:
Sleeping
Sleeping
File size: 1,078 Bytes
ae6e181 cfec14d ae6e181 cfec14d ae6e181 cfec14d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | ---
title: UI Regression Testing v2
emoji: 🎨
colorFrom: blue
colorTo: purple
sdk: docker
app_port: 7860
pinned: false
---
# 🎨 UI Regression Testing Tool v2
Compare Figma designs with live websites to detect visual differences.
## Features
### Phase 1 (Current)
- ✅ Screenshot capture from Figma designs
- ✅ Screenshot capture from live websites
- ✅ Visual diff overlay with highlighted differences
- ✅ Normalized image comparison (handles Figma 2x export)
- ✅ Similarity scoring
- ✅ Side-by-side comparison view
### Coming Soon
- 🔜 Element-by-element comparison
- 🔜 Typography detection
- 🔜 Color palette analysis
- 🔜 Component detection
- 🔜 114 visual difference checks
## Usage
1. Enter your **Figma API Key**
2. Enter the **Figma File ID** (from the URL)
3. Enter the **Website URL** to compare
4. Click **"Start Capture"** to take screenshots
5. Click **"Run Analysis"** to compare and see differences
## Requirements
- Figma file with frames named: `*-Desktop` (1440px) and `*-Mobile` (375px)
- Website must be publicly accessible
|