Ich habe noch kostenlose Pro-Testläufe, kann aber nicht komprimieren

Die Meldung free TinyImage Pro uses left zeigt deine verbleibenden Testläufe. Solange du noch welche übrig hast, brauchst du keinen kostenpflichtigen Schlüssel. Um Bilder aus einer Figma-Design-Datei zu komprimieren und herunterzuladen, öffne in TinyImage den Tab Compress und verwende dort den Button Export.

1. Wähle die Ebenen in Figma aus und füge im Eigenschaftenbereich von Figma eine Export-Einstellung hinzu, zum Beispiel PNG oder JPG.
2. Klick in TinyImage auf Refresh Exportable Figma Layers, um die aktuellen Exporteinstellungen zu laden. Warte, bis die Liste fertig geladen ist.
3. Hak in der Liste von TinyImage die Bilder an, die du exportieren möchtest. Es reicht nicht, eine Ebene nur im Figma-Canvas auszuwählen; im Plugin muss mindestens ein exportierbares Bild angehakt sein.
4. Klick auf Export, um die Komprimierung zu starten. Wenn du die Auswahl in Figma änderst und der Export-Button nicht mehr verfügbar ist, aktualisiere die Liste und hak deine Bilder erneut an.

Den vollständigen Workflow findest du in der Anleitung zur Komprimierung. Wenn alle Testläufe aufgebraucht sind, erfordert Compress Pro; Downsize bleibt verfügbar, um Bildfüllungen in Figma zu verkleinern. Vergleiche TinyImage Free und Pro.

Wenn Export nach diesen Prüfungen immer noch nicht verfügbar ist, schreib an [email protected] und schick einen Screenshot des TinyImage-Fensters, die Meldung zu den verbleibenden Testläufen und die Info, ob du Figma im Browser oder in der Desktop-App nutzt.

Ebenen brauchen Exporteinstellungen, damit sie komprimiert werden können

TinyImage erkennt die Exporteinstellungen bzw. -formate, die du für Ebenen auf deiner Figma-Seite festgelegt hast, und lässt dich diese mit dem TinyImage-Plugin als komprimierte Bilder exportieren. Mehr zu den Grundlagen der Exporteinstellungen in Figma und ihrer Funktionsweise findest du in der offiziellen Figma-Anleitung Guide to exports in Figma. Stell sicher, dass du allen Ebenen, die du komprimieren möchtest, Exporteinstellungen hinzugefügt hast (über Export + in der rechten Figma-Spalte). Andernfalls erscheinen sie beim Öffnen von TinyImage nicht – genau wie bei den Standardexporten von Figma.

PNGs und PDFs brauchen länger zum Komprimieren

Das Komprimieren von PNG- und PDF-Exporten kann etwas länger dauern als bei JPG- und SVG-Exporten, besonders wenn sie sehr detailreich sind oder große Abmessungen haben. TinyImage warnt dich, wenn ein Bild zu groß zum Komprimieren ist.

Farben oder Verläufe in GIFs wirken etwas körnig

GIFs unterscheiden sich etwas von normalen JPG- oder PNG-Bildern, da sie maximal 256 Farben enthalten können. Wenn du sehr detailreiche Bilder oder Verläufe mit vielen Farbabstufungen verwendest, ist zu erwarten, dass das GIF wegen dieser Einschränkung des Formats nicht so scharf aussieht und nicht dieselbe Farbtreue hat wie die Ausgangsbilder.

Beim PDF-Export aus Figma fehlen Elemente oder werden zu violetten Rechtecken

Das ist ein bekannter Figma-Bug, bei dem statt Bildern violette Kästen erscheinen können. TinyImage nutzt den nativen PDF-Export von Figma, daher kann dasselbe Problem auch in TinyImage-Exporten auftreten.

Ein Tipp, der helfen kann: Stell sicher, dass die problematische Ebene tatsächlich innerhalb des Haupt-Frames in Figma verschachtelt ist. Manchmal liegt eine Figma-Ebene auf dem Canvas „optisch“ über deinem Frame, befindet sich aber eigentlich noch außerhalb davon – das scheint mit ein Grund zu sein, warum das Problem gelegentlich auftritt.

Transparenz wird in GIFs nicht angezeigt

Das GIF-Format unterstützt nur 0 % oder 100 % Deckkraft, nichts dazwischen. Du kannst also ein animiertes GIF mit einem vollständig transparenten Hintergrund hinter vollständig deckenden, sichtbaren Elementen haben. Ebenen müssen daher entweder ganz transparent sein oder gar nicht: Ebenen mit weniger als 50 % Deckkraft werden transparent, Ebenen mit mehr als 50 % Deckkraft werden deckend.

Das anfängliche „refreshing/loading exportable layers“ dauert lange

Leider ist das ein bekanntes Problem, das durch ein kürzlich veröffentlichtes Figma-Update verursacht wird: Seitdem müssen alle Bilder auf der aktuellen Seite fertig geladen sein, bevor ein Plugin irgendein Bild verwenden oder exportieren kann (auch wenn es nur eines ist). Wegen dieses neuen Verhaltens tritt das Problem vor allem in größeren Figma-Dateien auf, wenn das Plugin kurz nach dem Öffnen der Datei ausgeführt wird, bevor alle Bilder geladen werden konnten. Du hast zwei Möglichkeiten: Warte etwas länger, bis die Bilder in der Figma-Datei fertig geladen sind, oder – wenn du nur wenige Ebenen exportieren musst und die Seite riesig ist – kopiere die ausgewählten Ebenen auf eine neue Figma-Seite und führe TinyImage dort erneut aus. Das geht deutlich schneller.

Exportierte Bilder sind 1px größer oder kleiner als in Figma

Es gibt einen seltsamen Bug in Figma im Zusammenhang mit „Subpixeln“ in den Eigenschaften deiner Frames oder Bilder, durch den exportierte Bilder auf eine andere Größe auf- oder abgerundet werden können. Die Lösung: Stell sicher, dass der Frame oder übergeordnete Frame (Artboard), den du exportierst, keine Subpixelwerte enthält (zum Beispiel 1000.08), indem du sie aus der Eigenschaft entfernst (zum Beispiel 1000). Dann sollte das Bild in den erwarteten Abmessungen exportiert werden. Mehr dazu findest du in einem Thread in den Figma-Foren, in dem das Problem besprochen wird.

Fehlende Dateiendungen in der Figma-Desktop-App unter Windows

Es gibt ein bekanntes Problem mit der Figma-Desktop-App (nur unter Windows), das auch bei normalen Dateiexporten aus Figma auftritt. Beim Speichern der Datei siehst du eventuell die Bezeichnung „all files“. Wenn du das ignorierst und auf „Save“ klickst, sollte die Datei trotzdem mit der richtigen Endung gespeichert werden und sich nach dem Herunterladen wie erwartet öffnen lassen. Wird sie dennoch ohne Endung gespeichert, kannst du die Datei umbenennen und die richtige Endung von Hand an den Dateinamen anhängen.

Langsame PDF-Exporte

Wenn deine PDF-Exporte sehr langsam sind, liegt das wahrscheinlich an hochauflösenden bzw. großen Bildfüllungen in einem Teil der Inhalte, wodurch Figma deutlich länger braucht, um PDFs zu erzeugen. Dabei hilft dir die Funktion „Downsizer“ in TinyImage: Damit verkleinerst du deine Bildfüllungen auf die Größe ihrer Ebene, was ihre Dateigröße reduziert und dafür sorgt, dass sie in deiner Figma-Datei viel schneller laden. Wenn du die Bildfüllungen auf deiner Figma-Seite verkleinert hast, sollte der erneute PDF-Export mit TinyImage deutlich schneller gehen.

Safari wird nicht unterstützt

Wegen Kompatibilitätsproblemen mit dem Browser wird TinyImage in Safari nicht unterstützt. Führe das Plugin stattdessen in einem anderen Browser (zum Beispiel Chrome) oder in der Figma-Desktop-App aus.

Dünne weiße Linie um exportierte Bilder

Gelegentlich haben Bilder eine schwache, dünne weiße Linie an den Rändern. Figma macht das, wenn eine Ebene nicht auf einem ganzzahligen Pixelwert positioniert ist (zum Beispiel Y: 156.76 oder X: 56.3): Dann landet automatisch diese Subpixel-Linie im Export. Um das zu beheben, stell sicher, dass alle Ebenenpositionen ganzzahlige Pixelwerte sind.

Verpixelte Bildexporte

Wenn du deine Bilder oder ein PDF exportierst, während die Bilder in Figma noch schrittweise geladen werden, können sie verpixelt exportiert werden, weil das Bild vor dem Export noch nicht vollständig in der Figma-Datei geladen war. Stell daher sicher, dass alle Bilder zu 100 % geladen sind und in der Figma-Datei scharf aussehen, bevor du deine Bilder oder PDFs mit dem TinyImage-Plugin exportierst. Zusätzlich kannst du die Funktion „Downsizer“ verwenden, um deine Bildfüllungen auf die Größe ihrer Ebene zu verkleinern. Das reduziert ihre Dateigröße und sorgt dafür, dass sie in deiner Figma-Datei viel schneller laden.

Beim Bearbeiten von PDFs in Adobe Acrobat erscheinen gepunktete Linien

Das lässt sich beheben, indem du beim Bearbeiten deines PDFs in der Seitenleiste der Acrobat-App den Schalter „Show bounding boxes“ deaktivierst. Die gepunkteten Linien der Begrenzungsrahmen zeigt Adobe standardmäßig an, wenn du ein geöffnetes PDF in der App in den Modus „Edit“ versetzt. Mit dem Schalter „Show bounding boxes“ blendest du sie mit einem Klick aus.

Gekachelte Bilder werden in PDF-Exporten nicht dargestellt

Derzeit gibt es einen Bug, durch den manche Bildfüllungen vom Typ „Tile“ nicht in komprimierte PDFs übernommen werden. Als Workaround stellst du die Füllung in Figma auf „Fit“ oder „Fill“ um.

In China ist eventuell ein VPN nötig

Hinweis: Wenn du dich in China befindest, wird der Kontoserver möglicherweise von der „Great Firewall“ blockiert. Wenn du trotz eines gültigen Schlüssels einen Aktivierungsfehler siehst, 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 in Figma versehentlich die Debug-Einstellung Use Developer VM 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 stell sicher, dass Use Developer VM nicht angehakt ist. Sobald die Option deaktiviert ist (und kein Häkchen daneben hat), sollte das Figma-Plugin beim erneuten Ausführen wie erwartet funktionieren.