# Pixelay

> Compare and visually QA your Figma designs against real website URLs using smart overlays.

- Canonical page: https://www.hypermatic.com/pixelay/
- Figma Community: https://www.figma.com/community/plugin/816424186244407164
- Documentation: https://docs.hypermatic.com/pixelay/
- Pro monthly price: $20 USD per user
- Pro yearly price: $199 USD per user
- Free allowance: Unlimited Mobile Comparisons
- Pro trial allowance: 10 uses

## Best for

Catch visual differences before launch.

## Capabilities

### Compare Figma designs to a website

Overlay a Figma design on the corresponding website to spot spacing, alignment, typography, sizing, and implementation differences before launch.

- Page: https://www.hypermatic.com/pixelay/compare-figma-to-website/
- Capabilities: Design-to-website overlay; Pixel-level visual QA; Fast implementation review
- Workflow: Choose the Figma design; Load the matching website URL; Inspect and document every visible difference
- Documentation: https://docs.hypermatic.com/pixelay/overview/quickstart

### Website visual comparison modes

Switch between overlay, split-screen, difference detection, and four other views as you compare a website with its Figma design.

- Page: https://www.hypermatic.com/pixelay/website-visual-comparison-modes/
- Capabilities: Seven comparison modes; Full-page website review; Difference highlighting
- Workflow: Load the design and website together; Switch between comparison modes; Inspect each page and breakpoint
- Documentation: https://docs.hypermatic.com/pixelay/overview/quickstart

### QA staging and private websites

Compare a Figma design with a live, staging, local, or private website. The site does not need to be publicly accessible for visual QA.

- Page: https://www.hypermatic.com/pixelay/qa-staging-and-private-websites/
- Capabilities: Live and staging URLs; Private environment support; Pre-launch visual QA
- Workflow: Open the target environment; Pair it with the Figma design; Compare the implementation before public release
- Documentation: https://docs.hypermatic.com/pixelay/overview/quickstart