---
url: "/de/pixelay/overview/quickstart.md"
description: "Vergleiche deine Figma-Designs mit intelligenten Overlays mit echten Website-URLs und mach so die visuelle QA."
---

# Erste Schritte mit Pixelay

> Vergleiche deine Figma-Designs mit intelligenten Overlays mit echten Website-URLs und mach so die visuelle QA.

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

## Pixelay installieren und aktivieren

- [Figma-Plugin installieren und ausführen](/de/pixelay/overview/install.md): So führst du Pixelay in Figma aus
- [Pixelay Pro aktivieren](/de/pixelay/overview/pro.md): So kaufst und nutzt du einen Pro-Lizenzschlüssel

## Pixelay nutzen

  - [Pixelay-Dokumentation](/de/pixelay/upload-designs.md): Ausführliche Doku mit kurzen Bildschirmaufnahmen
  - [Video-Tutorials zu Pixelay](/pixelay/tutorials.md): Vollständige Schritt-für-Schritt-Anleitungen als Video

## Häufige Fragen

- [Fehlerbehebung für Pixelay](/de/pixelay/faq/troubleshooting.md): Häufige Probleme, auf die du stoßen kannst
- [Pixelay-Sicherheit](/de/pixelay/faq/security.md): So funktioniert Pixelay im Detail
- [Belege](/de/faq/receipts.md): Belege per E-Mail und PDF-Rechnungen finden
- [Abrechnung](/de/faq/billing.md): Dein Pro-Abo verwalten
- [Lizenzplätze verwalten](/de/faq/seats.md): Die Figma-Nutzer deines Lizenzschlüssels verwalten
- [Pixelay Free und Pro](/de/pixelay/faq/plans.md): Funktionen von Free und Pro vergleichen

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

## Funktionen von Pixelay

- Vergleiche mehrere Figma-Designs und URLs gleichzeitig.
- Läuft sowohl im Design Mode als auch im Dev Mode von Figma, auch in QA-Workflows mit Dev-Platz.
- Für den Vergleich mehrerer Seiten auf einmal brauchst du die schlanke [Chrome-Erweiterung](https://chrome.google.com/webstore/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp).
- Vergleiche Figma-Designs bei der visuellen QA mit der umgesetzten Website.
- Teste deine responsiven Designs mit mehreren Bildschirmgrößen (zum Beispiel Desktop, Mobile und Tablet).
- Wechsle zwischen mehreren Entwicklungs-, Test- und Produktions-URLs.
- Overlays mit Transparenz, Split-Screen, Umschalten, Ziehen und Differenzansicht.
- Leg optional für jeden Figma-Frame eine andere Seiten-URL deiner Website fest.
- Unterstützt localhost über BrowserSync oder Hot Module Reloading.
- Integriertes Pixel-Lineal, um Abstandsunterschiede im Vergleich zu messen.
- Miss und prüfe visuelle Unterschiede zwischen Figma und der Website.