So exportieren Sie in Figma nach PNG

Von
Jugo Mobile
Jugo Mobile ist eine Plattform, die sich hochwertigem Inhalt in den Bereichen Gaming, Sport und Technik widmet. Engagieren Sie sich mit hochwertigem Inhalt und vernetzen Sie...
9 Minuten Lesezeit

Egal, ob Sie Bildebenen, -gruppen oder -rahmen im JPG-, PNG- oder SVG-Format exportieren möchten, Figma hat alles, was Sie brauchen.

Aber nur für den Fall, dass Sie sich nicht sicher sind, wie Sie Bilder in verschiedenen Formaten exportieren oder welche Exportoptionen Sie haben, finden Sie in diesem Artikel einige Richtlinien und Tipps für ein besseres Figma-Erlebnis.

Exportieren nach PNG

Der Export von Bildern im PNG-Format ist wahrscheinlich die erste Wahl für jeden. Der Vorgang ist derselbe, unabhängig davon, welches Format Sie wünschen – PNG, JPG, SVG usw.

  1. Wählen Sie ein Bild aus.
    1709550083 928 So exportieren Sie in Figma nach PNG
  2. Wähle aus Export Abschnitt in der rechten Seitenleiste.
    1709550084 196 So exportieren Sie in Figma nach PNG
  3. Drücke den + Symbol.
    1709550084 635 So exportieren Sie in Figma nach PNG
  4. Wählen Sie das PNG-Bildformat.
    1709550085 415 So exportieren Sie in Figma nach PNG
  5. Drücke den Bild exportieren Taste.
    1709550085 627 So exportieren Sie in Figma nach PNG

Stellen Sie vor dem Exportieren sicher, dass Sie die Vorschaufunktion verwenden, um sicherzustellen, dass Sie das richtige Bild haben und keine weiteren Änderungen erforderlich sind.

Ausgewählte Datei nach PNG exportieren

Wenn Sie ein ausgewähltes Element exportieren möchten, ist der Vorgang denkbar einfach.

  1. Wählen Sie ein Element oder einen Rahmen zum Exportieren aus.
    1709550085 944 So exportieren Sie in Figma nach PNG
  2. Gehe zum Eigenschaften Panel.
    1709550085 53 So exportieren Sie in Figma nach PNG
  3. Scrollen Sie nach unten, um zum zu gelangen Export Abschnitt.
    1709550086 290 So exportieren Sie in Figma nach PNG
  4. Drücke den + Symbol.
    1709550086 923 So exportieren Sie in Figma nach PNG
  5. Wählen Sie das PNG-Bildformat.
    1709550086 382 So exportieren Sie in Figma nach PNG
  6. Legen Sie bei Bedarf eine andere Größe für das Element fest.
    1709550086 79 So exportieren Sie in Figma nach PNG
  7. Exportieren Sie das ausgewählte Element.
    1709550086 56 So exportieren Sie in Figma nach PNG

Alternative PNG-Exportmethoden

Wenn Sie in Figma ein Bild haben, das Sie teilen möchten, ist der Export aus der App nicht die einzige Methode.

Eine der besten Funktionen ist die Option „Als PNG kopieren“. So funktioniert das.

  1. Wählen Sie ein Bild aus Figma.
    1709550087 923 So exportieren Sie in Figma nach PNG
  2. Rechtsklick Klicken Sie auf das Bild, um das Menü aufzurufen.
    1709550087 542 So exportieren Sie in Figma nach PNG
  3. Wähle aus Als PNG kopieren Möglichkeit.
    1709550088 746 So exportieren Sie in Figma nach PNG
  4. Fügen Sie das Bild in eine andere App ein.

Mit dieser Funktion können Sie eine PNG-Version eines gewünschten Bildes oder Objekts in Figma direkt in Ihre Zwischenablage kopieren. Dies ist standardmäßig eine 1x-Version des Bildes, es sei denn, das Objekt verfügt über andere Exporteinstellungen.

Um dies noch einfacher zu machen, können Sie die folgenden Tastaturkürzel verwenden.

  • Strg + Umschalt + C ist die Verknüpfung für Windows-Geräte
    1709550088 886 So exportieren Sie in Figma nach PNG
  • Befehl + Umschalt + C ist die Abkürzung für Mac-Geräte

Mit dieser Methode können Sie schneller eine PNG-Kopie eines Objekts in Figma freigeben. Wenn Sie jedoch ein Bild mit der klassischen Methode als PNG exportieren, haben Sie mehr Kontrolle über die Bildqualität.

Exportieren Sie mehrere Ebenen als ein PNG

Wenn Sie versuchen, mehrere Ebenen auszuwählen und in ein PNG-Format zu exportieren, erhalten Sie eine ZIP-Datei mit jeder einzelnen Ebene in einem separaten PNG-Format.

Dies ist zwar großartig, um mehrere Exporte gleichzeitig durchzuführen, aber es hilft Benutzern nicht, die alle Ebenen in einer einzigen PNG-Datei zusammenführen müssen.

Hier kommt die Gruppenfunktion ins Spiel. Sie können mehrere Ebenen auswählen Figma und ordne sie einer Gruppe zu. Anschließend können Sie die Gruppe als PNG-Datei exportieren, sodass Sie eine einzige Datei mit allen ausgewählten Ebenen erhalten.

  1. Wählen Sie die gewünschten Ebenen aus.
    1709550088 744 So exportieren Sie in Figma nach PNG
  2. Wählen Sie das Gruppe Option aus dem Menü.
    1709550089 324 So exportieren Sie in Figma nach PNG
  3. Wählen Sie die Gruppe aus und gehen Sie zu Export Abschnitt.
    1709550089 471 So exportieren Sie in Figma nach PNG
  4. Drücke den + Symbol.
    1709550089 238 So exportieren Sie in Figma nach PNG
  5. Wählen Sie das PNG-Format.
    1709550090 593 So exportieren Sie in Figma nach PNG
  6. Exportieren Sie die Gruppe.
    1709550090 616 So exportieren Sie in Figma nach PNG

Wie die meisten anderen Aktionen in Figma kann auch diese vereinfacht werden. Sie können beispielsweise mithilfe von Tastaturkürzeln eine Gruppe erstellen.

  • Strg + G ist die Verknüpfung für Windows-Geräte
    1709550090 542 So exportieren Sie in Figma nach PNG
  • Befehl + G ist die Abkürzung für Mac-Geräte

Wenn Sie mit Ihrer Ebenenauswahl unzufrieden sind, drücken Sie Umschalt + Strg + G oder Umschalt + Befehl + G hebt die Gruppierung Ihrer Auswahl auf.

Anpassen der PNG-Exportqualität

Standardmäßig unterstützt Figma 32-Bit-PNG-Dateien mit einem RGBA-Farbmodell. Dies ist nützlich, da es die Kontrolle der Deckkraft über Pixel ermöglicht.

Das PNG-Format wird häufig bevorzugt, da die Bildqualität beim Komprimieren des Assets nicht beeinträchtigt wird. Das bedeutet nicht, dass Sie nicht auf Probleme stoßen können. Viele Figma-Benutzer beschweren sich darüber, dass die PNG-Qualität leidet, wenn sie ihre Fotos online hochladen. Dies ist jedoch nicht unbedingt ein Figma-Problem. Dies hängt oft mit der Komprimierung durch die Server zusammen, die Ihren Upload verarbeiten.

Sie können die Qualität anpassen, damit Ihr Bild bei der Komprimierung auf einem anderen Server nicht so stark beeinträchtigt wird.

  1. Wählen Sie ein Bild aus.
    1709550091 678 So exportieren Sie in Figma nach PNG
  2. Wähle aus Export Abschnitt in der rechten Seitenleiste.
    1709550091 640 So exportieren Sie in Figma nach PNG
  3. Drücke den + Symbol.
    1709550091 727 So exportieren Sie in Figma nach PNG
  4. Wählen Sie das PNG-Bildformat.
    1709550092 242 So exportieren Sie in Figma nach PNG
  5. Wählen Sie das 2x Größe.
    1709550092 330 So exportieren Sie in Figma nach PNG
  6. Drücke den Bild exportieren Taste.
    1709550092 587 So exportieren Sie in Figma nach PNG

Der Export in 2x führt zu einem PNG mit höherer Auflösung. Dadurch verringert sich das Risiko, dass Ihre Fotos unscharf werden oder an Qualität verlieren, wenn Sie sie auf Social-Media-Plattformen hochladen.

Wenn Sie ein fortgeschrittener Benutzer sind oder besondere Bildanforderungen haben, zögern Sie nicht, den Pixelmultiplikatorwert anzupassen, bevor Sie ein Objekt als PNG exportieren.

So exportieren Sie in andere Formate aus Figma

Möglicherweise interessiert Sie auch, wie Sie Objekte in Figma schnell in verschiedene Dateiformate exportieren, die Sie auf Ihrem Gerät speichern können.

Exportieren als JPG

Verwenden Sie die folgende Methode, um Bildebenen oder -rahmen als JPG-Datei zu exportieren.

  1. Wählen Sie das Objekt in Figma aus.
    1709550091 678 So exportieren Sie in Figma nach PNG
  2. Drücke den + Symbol im Export Abschnitt.
    1709550091 727 So exportieren Sie in Figma nach PNG
  3. Wähle aus JPG Format unter PNG.
    1709550093 176 So exportieren Sie in Figma nach PNG
  4. Drücke den Export Klicken Sie bei Bedarf auf die Schaltfläche, nachdem Sie Ihre Änderungen vorgenommen haben.
    1709550093 851 So exportieren Sie in Figma nach PNG

Als SVG exportieren

Der Export einer Datei in ein SVG-Format kann für viele Benutzer sehr nützlich sein. So wird es gemacht.

  1. Wählen Sie ein oder mehrere Assets in Ihrer Figma-Datei aus.
    1709550093 411 So exportieren Sie in Figma nach PNG
  2. Gehe zum Export Abschnitt.
    1709550094 533 So exportieren Sie in Figma nach PNG
  3. Drücke den + Symbol.
    1709550094 378 So exportieren Sie in Figma nach PNG
  4. Wählen SVG von der Liste.
    1709550094 149 So exportieren Sie in Figma nach PNG
  5. Schlag Export.
    1709550094 180 So exportieren Sie in Figma nach PNG

Sie können dies auch tun, indem Sie auf das bereits ausgewählte Dateiformat klicken. Figma merkt sich das zuletzt exportierte Dateiformat.

Das bedeutet, dass Sie auf das vorbereitete Dateiformat klicken können, um das Dropdown-Menü zu öffnen, und dort SVG auswählen können. Das „+“-Symbol und die Dateiformatschaltflächen liegen nahe beieinander, sodass beide Methoden gleich schnell funktionieren.

Als PDF exportieren

Wenn Sie an einer Broschüre oder Präsentation arbeiten, können Sie Ihre Arbeit schnell direkt aus Figma in ein PDF-Format exportieren.

  1. Wählen Sie die Frames aus, die Sie in die PDF-Datei aufnehmen möchten.
    1709550095 66 So exportieren Sie in Figma nach PNG
  2. Gehe zum Export Abschnitt.
    1709550095 891 So exportieren Sie in Figma nach PNG
  3. Drücke den + Symbol.
    1709550095 884 So exportieren Sie in Figma nach PNG
  4. Wählen Sie „PDF“ aus dem Dropdown-Menü aus.
    1709550095 87 So exportieren Sie in Figma nach PNG
  5. Schlag Export.
    1709550095 544 So exportieren Sie in Figma nach PNG

Beachten Sie, dass Figma Ihre Frames manchmal nicht in die richtige Reihenfolge bringt. Um dies zu vermeiden, können Sie eine verwenden Bildkompressor.

Es ist ein einsteigerfreundliches Tool zum Verkleinern und Komprimieren von Bildern aus Figma und zum Exportieren in verschiedene Formate wie PNG, JPG, PDF, GIF, WebP und mehr.

Software, die einfach zu bedienen ist

Figma ist ein ziemlich einfaches, webbasiertes Designtool. Wenn Sie bereits ein paar Bildbearbeitungsprogramme verwendet haben, sollte es nicht schwierig sein, Figma herauszufinden.

Die vereinfachte Benutzeroberfläche macht die Software intuitiv. Darüber hinaus haben Sie mit Figma die vollständige Kontrolle über die Ausgabequalität und können benutzerdefinierte Pixelmultiplikatoren festlegen, um Qualitätsverluste bei externen Komprimierungen zu verhindern.

Haben Sie einen dieser Figma-Tipps für Ihre eigenen Bilder verwendet? Erzählen Sie uns im Kommentarbereich unten, wie es gelaufen ist.

Diesen Artikel teilen
Folgen
Jugo Mobile ist eine Plattform, die sich hochwertigem Inhalt in den Bereichen Gaming, Sport und Technik widmet. Engagieren Sie sich mit hochwertigem Inhalt und vernetzen Sie sich mit anderen Enthusiasten und Experten. Entdecken Sie die neuesten Trends und Innovationen in unserer lebendigen Community. Treten Sie uns bei und erleben Sie die Zukunft noch heute!
Wachsen Sie mit Ihrer Marke und erreichen Sie ein größeres Publikum. Werben Sie noch heute bei uns und lassen Sie sich von Tausenden bemerken.
© 2025 Jugo Mobile. Alle Rechte vorbehalten.