Skip to main content

uiMatch

Compare Figma designs with your implementation—pixel diffs, quality gates, and selector anchors.

Get Started 🚀
⚠️ Early Development (0.x): uiMatch is currently in early development. APIs and behavior may change without notice and are not production-ready.
Easy to Use

Pixel-Perfect Comparison

Compare Figma designs with actual implementations using pixel-level color differences (ΔE), dimensional accuracy, and layout discrepancies. Get numerical scores with annotated screenshots.

Focus on What Matters

Quality Gates & Profiles

Flexible quality gate profiles from pixel-perfect to lenient. Configure thresholds for pixelDiffRatio, deltaE, and more to match your workflow.

Powered by React

CI/CD Ready

Built for automation with GitHub Actions support, exit codes, and batch suite mode. Integrates seamlessly with Playwright for browser-based testing.