···

    Speichernutzung in Dateien reduzieren

    Wenn du UI3, das neue Design von Figma, verwendest, stimmen einige Teile dieses Artikels möglicherweise nicht mit dem überein, was du heute im Produkt siehst. Wir danken dir für deine Geduld während wir Aktualisierungen vornehmen. Erfahre mehr über das umgestaltete Figma →

    Bevor du anfängst

    Wer kann diese Funktion verwenden?

    Verfügbar bei allen Abos

    Jeder, der über einen Schreibzugriff verfügt, kann den Wiederherstellungsmodus aufrufen und die Speichernutzung in einer Entwurfsdatei reduzieren.

    Wenn du in Figma mit großen Dateien oder Bibliotheken arbeitest, kann es zu Speicherbeschränkungen kommen. In diesem Artikel beschreiben wir einige Möglichkeiten, wie du deine Dateien anpassen kannst, damit sie innerhalb dieser Einschränkungen funktionieren.

    Was ist Speicher?

    Wir verwenden in diesem Artikel den allgemeinen Begriff „Speicher“, um die Speicherwarnungen zu erklären und zu behandeln, die du in Figma siehst.

    In diesem Artikel beziehen wir uns auf einen bestimmten Speichertyp: WASM-Speicher (WebAssembly Memory). Figma verwendet WASM-Speicher, um Ebenen und Objekte auf der Arbeitsfläche zu rendern und ein kollaboratives Multiplayer-Erlebnis zu bieten.

    Jeder Browser hat sein eigenes aktives Speicherlimit. Dies kann von Gerät zu Gerät unterschiedlich sein, aber im Allgemeinen gilt eine Grenze von 2 GB für den aktiven Speicher pro Browser-Tab.

    Da Figma auf browserbasierten Technologien basiert, gelten diese Einschränkungen auch dann, wenn du die Desktop-Anwendungen von Figma verwendest.

    Figma verwendet einige Methoden, um sicherzustellen, dass dir beim Arbeiten nicht der Speicher ausgeht. Figma lädt beispielsweise Seiten und Ebenen in einer Datei nur bei Bedarf, um die Speicherauslastung so gering wie möglich zu halten. Wie wir später in diesem Artikel erläutern, kann es jedoch in bestimmten Situationen dazu kommen, dass der Speicherplatz einer Datei nicht ausreicht.

    Speicher verwalten

    Figma misst deine Speichernutzung als Prozentsatz des verfügbaren Speichers in deinem Browser oder Gerät. Die Speichernutzung wird nur für Seiten verfolgt, die in eine Datei geladen wurden.

    Um die Speichernutzungsindikatoren für den Inhalt deiner Datei anzuzeigen:

    1. Wähle das Hauptmenü und fahre mit der Maus über Ansicht.
    2. Wähle Speicherauslastung aus. Die Speicherauslastung wird als Anzeige in der linken Seitenleiste angezeigt.
    3. Klicke auf Speicher verwalten.
    4. Aktiviere im Fenster „Speicher verwalten“ die Option „Speicher im Ebenenfenster anzeigen“. Auf diese Weise kannst du anzeigen, wie viel Arbeitsspeicher deine Ebenen und Komponenten verwenden.

    Tipp: Du kannst sich im Modalfenster auch Tipps zur Speicherreduzierung ansehen, um bewährte Methoden zum Verwalten des Dateispeichers zu erhalten.

    Warnungen zur Speicherauslastung

    Damit du über deine Speichernutzung und mögliche Probleme informiert bleibst, zeigt Figma bei bestimmten Schwellenwerten Banner und Warnmeldungen an:

    Hinweis: Möglicherweise werden nicht alle diese Warnungen in der richtigen Reihenfolge angezeigt. Wenn die Speichernutzung innerhalb kurzer Zeit zunimmt, erhältst möglicherweise überhaupt keine Warnung.

    Wenn du 60 % des Speicherlimits des Browsers erreichst, zeigt Figma in der linken Seitenleiste eine gelbe Warnkachel an.

    Lesezugriff

    Viewer-Zugriff – Aktuelle Version.png

    Bearbeitungszugriff

    Lauren + Chris rec (2) .png

    Zu diesem Zeitpunkt kann es bei der Interaktion mit der Datei zu Leistungsproblemen kommen, z. B. zu Verzögerungen im Mehrspielermodus.

    Wenn du 75 % deines Speicherlimits erreichst, zeigt Figma in der linken Seitenleiste eine rote Warnkachel an. Du kannst diese Warnung nicht ignorieren.

    Lesezugriff

    Betrachter*in-Zugang – Aktuelle Version (1).png

    Bearbeitungszugriff

    Lauren + Chris rec (1) .png

    Du kannst zwar weiterhin Änderungen an der Datei vornehmen, wir empfehlen dir jedoch, sofort Maßnahmen zum Schutz deiner Arbeit zu ergreifen. Wenn du die Speichernutzung jetzt nicht reduzierst, erhöht sich die Gefahr von Datenverlusten.

    Klicke auf Weitere Informationen, um Vorschläge zur Reduzierung der Speicherauslastung anzuzeigen, oder befolge die unten aufgeführten Tipps ↓

    Wenn deine Datei 100 % des Speicherplatzes erreicht, sperrt Figma die Datei und informiert dich, dass kein Speicherplatz mehr verfügbar ist.

    Erlebe, wenn du nur Lesezugriff auf die Datei hast

    Gruppe 1.png

    Diejenigen mit Anzeigezugriff auf die Datei haben die Möglichkeit, die Datei neu zu laden. Manchmal wird durch das erneute Laden der Datei genügend Speicherplatz freigegeben, damit du die Datei weiter anzeigen kannst.

    Erlebe, wenn du Schreibzugriff auf die Datei hast

    Gruppe 1 (1).png

    Diejenigen, die Zugriff auf die Datei haben, haben die Möglichkeit, die Datei neu zu laden. Manchmal wird durch das erneute Laden der Datei genügend Speicherplatz freigegeben, damit du die Datei weiter anzeigen kannst.

    Andernfalls wirst du aufgefordert, den Wiederherstellungsmodus aufzurufen, wenn du eine unterstützte Browserversion verwendest und über einen Bearbeitungszugriff für die Datei verfügst. Der Wiederherstellungsmodus wird in den folgenden Browserversionen unterstützt:

    • Firefox 89+
    • Chrom 83+
    • Safari 15.2+
    • Microsoft Edge 93+

    Wenn deine aktuelle Browserversion nicht unterstützt wird, wirst du aufgefordert, die Browserversion zu aktualisieren oder die Datei in der Desktop-Anwendung zu öffnen.

    Installiere die Figma-Desktop-App ->

    Wiederherstellungsmodus

    Im Wiederherstellungsmodus kannst du die Speichernutzung reduzieren und deine Datei in einen bearbeitbaren Zustand zurückversetzen, ohne deine Arbeit zu verlieren.

    Beim Wechsel in den Wiederherstellungsmodus werden alle Seiten der Datei geladen und das Fenster zur Speicherverwaltung geöffnet. Die Speicherauslastung muss auf unter 90 % reduziert werden, um den Wiederherstellungsmodus zu beenden. 

    Hinweis: Die Datei wird neu geladen, sobald du den Wiederherstellungsmodus verlässt.

    Tipps zur Reduzierung des Speicherverbrauchs

    Es gibt eine Reihe von Faktoren, die zum Speicher beitragen. Leider gibt es keine bestimmte Anzahl von Ebenen, Daten oder Ressourcen, nach denen du Ausschau halten kannst. Das bedeutet, dass wir dir kein Patentrezept für die Reduzierung des Arbeitsspeichers geben können. Wenn du eine hohe Speicherauslastung feststellst, verwende die folgenden Lösungen, um das Problem zu beheben.

    Verborgene Ebenen

    Versteckte Ebenen tragen wesentlich zur Speicherauslastung bei. Das liegt daran, dass Figma Informationen über diese Ebenen speichern und rendern muss, auch wenn sie nicht sichtbar sind.

    Lösungen

    Boolesche Komponenteneigenschaften verwenden

    Boolesche Eigenschaften sind eine Art Komponenteneigenschaft, mit der du eine Eigenschaft, beispielsweise die Ebenensichtbarkeit, ein- und ausschalten kannst. Obwohl diese Methode mit versteckten Ebenen arbeitet, reduziert sie die Anzahl der Varianten und Ebenen, die in einem Entwurfssystem benötigt werden, und verbessert so die Speichernutzung der Datei.

    Vorher Nach

    Unser Schaltflächenkomponentensatz verfügt über zwei Varianten zur Darstellung der beiden Zustände der Schaltfläche: mit Symbol und ohne Symbol.

    Diese Komponente besteht aus insgesamt sieben Ebenen (eine Komponentensatz-Ebene, zwei Varianten-Ebenen und vier verschachtelte Ebenen).variants-only.png

    Wir brauchen nur eine Komponente und eine boolesche Eigenschaft, die auf das Symbol angewendet wird, um seine Sichtbarkeit umzuschalten.

    Diese Version verfügt über insgesamt drei Ebenen (eine Komponentenebene und zwei verschachtelte Ebenen).

    reduced-by-boolean.png

    Tipp! Um eine Ebene zu löschen, wähle sie auf der Arbeitsfläche oder im Ebenenbedienfeld in der linken Seitenleiste aus. Drücke dann die Entf- oder Rücktaste, um es zu entfernen.

    Hinweis: Figma lädt nur Ebenen auf Seiten, die du öffnest. Beim Navigieren durch Seiten müssen alle verbleibenden Inhalte auf diesen Seiten geladen werden, was dazu führen kann, dass der Speicherplatz und die Anzahl der Ebenen im Speicherbereich zunehmen.

    Große Komponenten- oder Variantenbibliotheken

    Die Anzahl der Komponenten und Varianten kann zur Speichernutzung beitragen. Wenn du nur wenige Komponentensätze hast, kannst du immer noch an Speichergrenzen stoßen, aber sie haben Tausende von Varianten.

    Lösungen

    Komponenteneigenschaften verwenden

    Wenn eine Bibliothek viele Varianten hat oder eine Datei sich der Speichergrenze nähert, kannst du die Verwendung von Komponenteneigenschaften in Betracht ziehen, um die Anzahl der benötigten Komponenten und Varianten zu reduzieren.

    Dies verbessert die Speichernutzung, da Figma alle Komponenten in einem Komponentensatz lädt. So kannst du schnell zwischen den Varianten wechseln. Wenn du Komponenteneigenschaften verwendest und weniger Varianten hast, muss Figma weniger Komponenten laden.

    Große Bibliotheksdateien aufteilen

    Wenn deine Bibliotheksdatei nach diesen Anpassungen immer noch an der Speichergrenze liegt, musst du sie möglicherweise in kleinere Bibliotheken aufteilen.

    Verschiebe veröffentlichte Komponenten und Komponentensätze zwischen Dateien, ohne die Verknüpfungen zu Instanzen zu unterbrechen. Dies ist ein zweistufiger Prozess: Ausschneiden und Einfügen der Komponenten und anschließendes Veröffentlichen der Änderungen. 

    Es gibt viele verschiedene Möglichkeiten, wie du deine Bibliothek aufteilen kannst. Der beste Ansatz ist der, der den Bedürfnissen deiner Bibliotheksbenutzer entspricht. Weitere Hinweise zum Organisieren deiner Bibliotheksdateien findest du in Lektion 3 unseres Kurses „Einführung in Designsysteme“.

    Große Dateien mit mehreren Bildern und Seiten

    Wenn du eine große Datei mit einer hohen Anzahl von Seiten oder vielen hochauflösenden Bildern hast, kann es zu Leistungs- oder Speicherproblemen kommen.

    Wenn dies zu Abstürzen auf Browserebene führt, zeigt Figma die Banner zur Speichernutzung nicht an. Dies sollte man bedenken, wenn man in Dateien mit einer großen Anzahl von hochauflösenden Bildern arbeitet.

    Lösungen

    Große Dateien in kleinere Dateien aufteilen

    Es gibt verschiedene Ansätze zum Organisieren deiner Bibliotheksdateien. Du kannst damit beginnen, neue Dateien für jede Seite in deiner aktuellen Datei zu erstellen. Weitere Hinweise zum Organisieren deiner Bibliotheksdateien findest du in Lektion 3 unseres Kurses „Einführung in Designsysteme“.

    1. Erstelle eine neue Datei in deinem Figma-Konto. Öffne in einem separaten Tab die Originaldatei und zeige die Seite an, die du verschieben möchten.
    2. Verwende den Shortcut Alles auswählen, um alles auf der Seite auszuwählen.
      • Mac: ⌘ Command A
      • Windows: Strg + A
    3. Verwende den Shortcut Kopieren, um den Inhalt der Seite in die Zwischenablage zu kopieren.
      • Mac: ⌘ Befehlstaste C
      • Windows: Strg + C
    4. Kehre in einem separaten Tab zur neuen Datei zurück. Verwende den Shortcut Einfügen, um den Inhalt Ihrer Zwischenablage einzufügen:
      • Mac: ⌘ Befehlstaste V
      • Windows: Strg + V
    5. In der Originaldatei: Öffne die Seitenliste in der linken Seitenleiste. Klicke mit der rechten Maustaste auf den Seitennamen und wähle Seite löschen.

    Komprimiere deine Bilddateien

    Mit dem Downsize-Plugin kannst du große Bilder auf der Arbeitsfläche komprimieren.

    Große Assets

    Das Importieren großer Mengen an Text, Bildern oder komplexen Vektoren mit vielen Punkten kann sich ebenfalls auf die Speicherauslastung auswirken. Möglicherweise musst du die Anzahl oder Qualität der importierten Assets reduzieren oder die Größe der importierten Dateien verringern:

    • Teile große Dateien in kleinere Dateien auf.
    • Komprimiere Bilder mit hoher Auflösung.
    • Importiere komplexe SVGs in kleineren Teilen.

    Erfahre, wie du Dateien in Figma importierst →

    Hinweis: Für die Bilddekodierung wird JS-Speicher verwendet, der nicht in den Speicherprozentsatz oder die Bannerwarnungen einbezogen wird. Bilder können weiterhin zum WASM-Speicher beitragen, während sie auf der Arbeitsfläche gerendert werden.

    Auf gesperrte Dateien zugreifen

    Wenn deine Datei 100 % des Speicherplatzes erreicht, sperrt Figma die Datei und informiert dich, dass kein Speicherplatz mehr verfügbar ist. Es gibt zwei Möglichkeiten, die du ausprobieren kannst:

    Eine frühere Version wiederherstellen

    1. Öffne das Projekt, in dem sich die Datei befindet.
    2. Halte die Zusatztasten gedrückt und klicke auf die Datei:
      • Mac: ⇧ Umschalttaste ⌃ Strg ⌥ Option
      • Windows: Alt Umschalttaste
    3. Wähle Restore from version (Wiederherstellen aus Version) aus.
    4. Klicke auf Wiederherstellen neben der entsprechenden Version.

    Datei nur im Miniaturansichtsmodus öffnen

    Möglicherweise kannst du wieder auf die Datei zugreifen, indem du den Nur-Miniaturansicht-Modus verwendest. Dadurch wird die Datei mit Bildern mit niedriger Auflösung geladen.

    Um auf den Nur-Miniaturansicht-Modus zuzugreifen, fügst du am Ende der Datei-URL den Abfrageparameter ?thumbnails-only=1 (auch als Abfragezeichenfolge bezeichnet) hinzu.

    • Wenn der Link keine vorhandenen Parameter enthält, endet der Link mit dem Dateinamen. Du kannst ein neues ?thumbnails-only=1 hinzufügen Abfragezeichenfolge bis zum Ende des Links. Die endgültige URL sieht folgendermaßen aus: 
      https://figma.com/file/Xhi0lg09reehpFWk4f9NQh/file-name?thumbnails-only=1
    • Wenn der Link bereits Parameter hat, etwa einen ?node-id-Parameter, musst du stattdessen &thumbnails-only=1 hinzufügen. Verwende ein & Trennzeichen, wenn du weitere Parameter zu einer Abfragezeichenfolge hinzufügst. Die endgültige URL sieht folgendermaßen aus: 
      http://figma.com/file/Xhi0lg09reehpFWk4f9NQh/file-name?node-id=211-2665&t=D5QnxlouJ9sKF1dM-0&thumbnails-only=1

    Du kannst jetzt beliebige Ansätze ausprobieren, um den Speicherverbrauch zu reduzieren ↑.

    War dieser Beitrag hilfreich?

    Your feedback helps us improve Figma’s Help Center. To get help from support, submit a request through our contact form.

    Your feedback helps us improve Figma’s Help Center. To get help from support, submit a request through our contact form.

    Thank you for helping us improve Figma’s Help Center!

    Zurück an den Anfang