Español 
Français 
日本語 
한국어 
Polski 
Português 
Pixelay vs Percy
Percy-Alternative. Prüfe gegen das Design und nicht nur gegen den letzten Screenshot.
Vergleiche Percy und Pixelay, um visuelle Regressionstests von Design-QA zu unterscheiden. Pixelay vergleicht eine Webseite mit dem freigegebenen Figma-Design, Percy testet Änderungen in einem automatisierten Workflow gegen Screenshot-Baselines.
Kostenlos installieren. Mit 10 Pro-Testläufen, keine Kreditkarte nötig.
Thank you so much Adam, this helped me a lot on deadline!
Percy oder Pixelay?
Vergleiche die Workflows und wähle das Tool, das zu deinem nächsten Projekt passt.
| Percy |  Mit Pixelay |
|---|---|
| Screenshot-Baselines Percy bietet visuelle Regressionstests gegen Screenshot-Baselines. | Visuelle Vergleichsmodi für Websites Wechsle zwischen Overlay, geteilter Ansicht, Differenzerkennung und vier weiteren Ansichten, während du eine Website mit ihrem Figma-Design vergleichst. Lies den Pixelay-Leitfaden |
| Automatisierte Prüfungen Percy integriert visuelle Tests in Entwicklungs-Workflows. | QA für Staging- und private Websites Vergleiche ein Figma-Design mit einer Live-, Staging-, lokalen oder privaten Website. Für die visuelle QA muss die Website nicht öffentlich erreichbar sein. Lies den Pixelay-Leitfaden |
| Review von Änderungen Der Review-Prozess konzentriert sich auf visuelle Unterschiede zwischen Versionen. | Figma-Designs mit einer Website vergleichen Lege ein Figma-Design über die passende Website, um Unterschiede bei Abständen, Ausrichtung, Typografie, Größen und Umsetzung vor dem Launch zu erkennen. Lies den Pixelay-Leitfaden |
10 kostenlose Pro-Testläufe inklusive. Keine Kreditkarte nötig.
Teste Pixelay mit deiner eigenen DateiWähle deinen Workflow
Wähle das Tool, das zur Aufgabe passt.
So sieht es in der Praxis aus
Was du mit Pixelay machen kannst.
Entdecke die Funktionen hinter dem Workflow, mit Demos und Anleitungen zur Einrichtung.
Sieh alle visuellen Unterschiede in einer QA-Ansicht.
Wechsle beim Vergleich einer Website mit ihrem Figma-Design zwischen Overlay, Split-Screen, Differenzerkennung und vier weiteren Ansichten.
- Sieben Vergleichsmodi
- Prüfung ganzer Webseiten
- Hervorhebung von Unterschieden
Prüfe Live-, Staging-, lokale und private Websites gegen Figma.
Vergleiche ein Figma-Design mit einer Live-, Staging-, lokalen oder privaten Website. Für die visuelle QA muss die Seite nicht öffentlich erreichbar sein.
- Live- und Staging-URLs
- Unterstützung privater Umgebungen
- Visuelle QA vor dem Launch
Vergleiche die Live-Website direkt mit ihrem Figma-Design.
Leg ein Figma-Design über die passende Website und finde vor dem Launch Unterschiede bei Abständen, Ausrichtung, Typografie, Größen und Umsetzung.
- Overlay von Design und Website
- Pixelgenaue visuelle QA
- Schnelle Prüfung der Umsetzung
Teste ein echtes Projekt
Bring den Workflow in Pixelay.
Starte mit einer repräsentativen Datei, bevor du den Arbeitsablauf im Team umstellst.
Pixelay ProWas du vor dem Wechsel prüfen solltest.
Pixelay ersetzt nicht die automatisierte Pipeline von Percy. Ein Screenshot kann unverändert bleiben und trotzdem von Figma abweichen, deshalb können sich beide Prüfungen ergänzen. Gleiche Browserzustand und Viewport an, bevor du die manuelle Design-QA durchführst.
Lies den Workflow-Leitfaden- Starte mit einer Seite, die ihre Screenshot-Baseline besteht, aber vom freigegebenen Figma-Layout abweicht. Lade Design und Website gemeinsam.
- Wechsle zwischen den Vergleichsmodi.
- Prüfe jede Seite und jeden Breakpoint. Pixelay ersetzt nicht die automatisierte Pipeline von Percy.
Häufige Fragen
Was du vor dem Start wissen solltest.
Wann sollte ich Pixelay statt Percy wählen?
Designer, die prüfen, ob eine Umsetzung dem beabsichtigten Design entspricht, und nicht nur, ob sie sich gegenüber einem früheren Screenshot verändert hat.
Wann passt Percy besser?
Entwicklungsteams, die automatisierte visuelle Regressionstests als Teil einer Test- oder Release-Pipeline brauchen.
Was sollte ich vor dem Wechsel prüfen?
Pixelay ersetzt nicht die automatisierte Pipeline von Percy. Ein Screenshot kann unverändert bleiben und trotzdem von Figma abweichen, deshalb können sich beide Prüfungen ergänzen. Gleiche Browserzustand und Viewport an, bevor du die manuelle Design-QA durchführst.
Kann ich Pixelay und Percy zusammen nutzen?
Ja. Nutze Pixelay, um die Umsetzung mit dem Design abzugleichen, und Percy, um visuelle Änderungen in einem automatisierten Entwicklungs-Workflow zu überwachen. Sie beantworten unterschiedliche Fragen und können denselben Release-Prozess unterstützen.
Kann ich Pixelay vor dem Upgrade testen?
Ja. Installiere Pixelay aus der Figma Community und nutze 10 kostenlose Pro-Testläufe. Keine Kreditkarte nötig.
Angebot als PDF ↗ 
