Pixelay lädt keine URLs (Chrome-Erweiterung erforderlich)
Damit du deine Designs mit Pixelay mit URLs vergleichen kannst, installier das Chrome-Plugin von Pixelay. Es läuft im Hintergrund und lädt Pixelay, sobald im Browser eine URL aus dem Plugin erkannt wird.
Next.js-App (Vercel) lädt nicht
Wenn du eine Next.js-App mit Pixelay vergleichen willst, erscheint manchmal die Meldung „Application error: a client-side exception has occurred“ und die Seite lädt nicht. Probier in diesem Fall den Link unten, der ohne die Chrome-Erweiterung funktioniert, und setz deine Pixelay-ID ein: https://pixelay.hypermatic.com/YOUR_PIXELAY_PROJECT_ID_HERE (zum Beispiel https://pixelay.hypermatic.com/n4ok457201973)
Ablauf von URLs
Deine sicheren Links und Bilder werden nach 180 Tagen Inaktivität automatisch entfernt (180 Tage, nachdem der Link zuletzt aufgerufen und angesehen wurde). So liegen sie nicht versehentlich herum, wenn sie ihren Zweck erfüllt haben.
Dünne weiße Linie um exportierte Bilder
Gelegentlich haben Bilder an den Rändern eine schwache, dünne weiße Linie. Figma macht das, wenn eine Ebene nicht auf einem ganzzahligen Pixelwert liegt (zum Beispiel Y: 156.76 oder X: 56.3). Dann landet automatisch diese Subpixel-Linie im Export. Um das zu beheben, achte darauf, dass alle Positionen deiner Ebenen ganzzahlige Pixelwerte sind.
Websites mit CSS-Einheit „vh“
Nutzt das CSS deiner Website für Elemente die Einheit „vh“, können diese deutlich höher erscheinen als bei einer üblichen Browserhöhe, weil Pixelay die Viewport-Höhe auf die volle Höhe deines Figma-Mockups setzt.
Neue URL für deine Figma-Datei erstellen
Da diese Funktion recht heikel ist, gibt es dafür keinen Button und kein Symbol. Stattdessen aktivierst du sie, indem du bei laufendem Plugin den „Konami-Code“ auf deiner Tastatur eingibst:
Up, Up, Down, Down, Left, Right, Left, Right, B, A
Gibst du diese Tastenfolge ein, erstellt das Plugin Pixelay eine ganz neue URL für deine Figma-Datei. So kannst du sie zum Beispiel in einer duplizierten Figma-Datei eingeben, damit diese eine andere, neue URL als das Original bekommt.
Verpixelte Bilder im Export
Lädst du deine Designs hoch, während die Bilder in Figma noch nach und nach laden, können sie im Export verpixelt aussehen, weil das Bild vor dem Export noch nicht vollständig in der Figma-Datei geladen war. Stell deshalb sicher, dass alle Bilder zu 100 % geladen sind und in der Figma-Datei scharf aussehen, bevor du sie mit dem Plugin Pixelay hochlädst.
Zusätzlich kannst du mit der Funktion „Downsizer“ deine Bildfüllungen auf die Größe ihrer Ebene verkleinern. Dadurch sinkt ihre Dateigröße und sie laden in deiner Figma-Datei viel schneller.
Designs werden nicht aus dem Plugin hochgeladen oder Bilder laden nicht in der Web-App
Ein möglicher Grund ist, dass dein Internetanbieter das QUIC-Protokoll blockiert. Das kannst du prüfen, indem du die Entwicklerkonsole im Browser oder in Figma öffnest und nach der Fehlermeldung ERR_QUIC_PROTOCOL_ERROR suchst.
Für dieses Problem gibt es ein paar Workarounds:
- Verbinde deinen Computer über den WLAN-Hotspot bzw. das Tethering deines Smartphones mit dem Internet
- Deaktiviere QUIC in deinem Browser
Netskope verhindert das Laden der Pixelay-Frames
Es gibt ein bekanntes Problem, bei dem Netskope den Zugriff auf Firebase-Datenbanken blockiert. Um das zu beheben, erlaube firestore.googleapis.com:443 (siehe diesen Thread).
In China ist eventuell ein VPN nötig
Hinweis: Wenn du in China bist, wird der Kontoserver möglicherweise von der „Great Firewall of China“ blockiert. Siehst du trotz eines gültigen Schlüssels einen Aktivierungsfehler, brauchst du wahrscheinlich ein VPN, um das Problem zu lösen.
„An error occurred while loading the plugin environment“
Das kann in der Figma-Desktop-App passieren, wenn die Debug-Einstellung Use Developer VM in Figma versehentlich aktiviert ist. Um sicherzugehen, dass sie ausgeschaltet ist, klick mit der rechten Maustaste auf eine beliebige Stelle im Figma-Canvas, fahr mit der Maus über Plugins und dann über Development und prüf, dass Use Developer VM nicht angehakt ist. Sobald die Option deaktiviert ist (und kein Häkchen daneben steht), sollte das Figma-Plugin beim erneuten Ausführen wie erwartet funktionieren.