---
url: "/pixelay/overview/quickstart.md"
description: "Compare and visually QA your Figma designs against real website URLs using smart overlays."
---

# Get started with Pixelay

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

[![Pixelay Figma Plugin](https://www.hypermatic.com/pixelay.jpg)](https://www.figma.com/community/plugin/816424186244407164/pixelay-compare-design-to-web)

## Install and activate Pixelay

- [Install & Run the Figma plugin](/pixelay/overview/install.md): How to run Pixelay inside of Figma
- [Activate Pixelay Pro](/pixelay/overview/pro.md): How to buy and use a Pro license key

## Using Pixelay

  - [Pixelay Documentation](/pixelay/upload-designs.md): Detailed docs with short screencaps
  - [Pixelay Video Tutorials](/pixelay/tutorials.md): Full step-by-step video walkthroughs

## Frequently asked questions

- [Troubleshooting Pixelay](/pixelay/faq/troubleshooting.md): Common issues you may run into
- [Pixelay Security](/pixelay/faq/security.md): Details about how Pixelay works
- [Receipts](/faq/receipts.md): Find email receipts and PDF invoices
- [Billing](/faq/billing.md): Manage your Pro subscription
- [License Seat Management](/faq/seats.md): Manage the Figma users on your key
- [Pixelay Free vs Pro](/pixelay/faq/plans.md): Compare Free vs Pro features

[Video](https://www.hypermatic.com/assets/videos/pixelay/PIXELAY_DEMO.mp4)

## Pixelay features

- Compare multiple Figma designs and URLs at the same time.
- Runs in both Figma Design Mode and Dev Mode, including Dev-seat QA workflows.
- Light-weight [Chrome Extension](https://chrome.google.com/webstore/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp) required to compare multiple pages at once.
- Compare Figma designs with the implemented website during visual QA.
- Test your responsive designs, with support for multiple screen sizes (for example, desktop/mobile/tablet).
- Switch between multiple development, test, and production URLs.
- Transparency, split-screen, toggle, drag and diff overlays.
- Optionally specify different website page URLs per Figma frame.
- Supports localhost through BrowserSync or hot module reloading.
- Built-in pixel ruler for measuring space differences in comparisons.
- Measure and review visual differences between Figma and the website.