Zum Hauptinhalt springen

So speichern Sie ein Bild im PNG-Format in Figma: Schritt für Schritt Anleitung

Figma - es ist eine der beliebtesten Apps für Designer und Webentwickler, die eine Reihe leistungsstarker Tools zum Erstellen und Bearbeiten von grafischen Elementen bietet. Einer der wichtigsten Punkte bei der Arbeit mit Figma besteht darin, die Bilder in den richtigen Formaten für die spätere Verwendung auf Websites, Anwendungen oder beim Drucken zu speichern.

PNG-Format es ist eines der beliebtesten Bildformate im Webdesign und eignet sich hervorragend zum Speichern von Dateien mit Transparenz und hoher Qualität. In diesem Artikel erfahren Sie, wie Sie ein Bild mit Figma Schritt für Schritt im PNG-Format speichern können.

Schritt 1: Öffnen Sie Ihr Design in Figma und wählen Sie das Element aus, das Sie im PNG-Format speichern möchten. Dies kann eine separate Ebene, eine Gruppe oder sogar das gesamte Layout sein.

Schritt 2: Gehen Sie zum Menü "Datei" in der oberen Symbolleiste von Figma und wählen Sie die Option "Exportieren" aus. Wählen Sie im angezeigten Dropdown-Menü "Save as PNG" (Als PNG speichern).

Öffnen Sie das Projekt in Figma

Der erste Schritt, um ein Bild im PNG-Format in Figma zu speichern, ist, Ihr Projekt in Figma zu öffnen, das das gewünschte Design enthält. Wenn Sie noch kein Konto bei Figma haben, können Sie sich registrieren und ein neues Projekt erstellen, indem Sie das Design auf Ihren Computer herunterladen.

Wenn Sie sich bei Figma angemeldet haben und das gewünschte Projekt geöffnet haben, sehen Sie die Benutzeroberfläche von Figma mit dem Ebenenbedienfeld, dem Bearbeitungsarbeitsbereich und anderen Werkzeugen, die Sie für die Arbeit an Ihrem Projekt benötigen.

Ihre gesamte Arbeit wird in diesem Projekt erledigt, einschließlich des Speicherns der Bilder im PNG-Format.

Anmerkung: Stellen Sie sicher, dass Sie das richtige Projekt für die Arbeit ausgewählt haben. Wenn Sie mehrere Projekte in Figma haben, stellen Sie sicher, dass Sie am richtigen arbeiten.

Wählen Sie das gewünschte Objekt aus

1. Öffnen Sie das Dokument in Figma und wählen Sie das Objekt aus, das Sie im PNG-Format speichern möchten.

2. Wenn Sie mehrere Objekte auswählen möchten, halten Sie die Umschalttaste gedrückt und klicken Sie nacheinander auf jedes Objekt.

3. Stellen Sie sicher, dass das ausgewählte Objekt vollständig auf der Leinwand sichtbar ist und sich nicht von anderen Elementen überlappt.

Passen Sie die Bildgröße an

Bevor Sie ein Bild im PNG-Format in Figma speichern, stellen Sie sicher, dass seine Größe Ihren Anforderungen entspricht.

Sie können die Größe eines Bildes ändern, indem Sie es auswählen und die Option Resize in der oberen Symbolleiste auswählen. Geben Sie dann die gewünschten Werte für Breite und Höhe ein oder wählen Sie eine der vorgeschlagenen Optionen aus.

Sie können auch das Seitenverhältnis eines Bildes ändern, indem Sie beim Ändern der Größe die Umschalttaste gedrückt halten, um das Seitenverhältnis beizubehalten.

Außerdem können Sie das Bild auf der Leinwand verschieben, um die am besten geeignete Komposition auszuwählen.

Wenn Sie die Größe des Bildes angepasst haben, können Sie es im PNG-Format speichern.

Öffnen Sie das Exportmenü

Um ein Bild im PNG-Format in Figma zu speichern, öffnen Sie das Exportmenü.

1. Markieren Sie das Element, das Sie im PNG-Format exportieren möchten.

2. Suchen Sie in der oberen Symbolleiste nach der Schaltfläche Exportieren. Sie wird durch ein Symbol mit einem Exportpfeil gekennzeichnet.

3. Ein Exportmenü mit verschiedenen Einstellungen und Dateiformaten wird vor Ihnen geöffnet.

4. Wählen Sie im Exportmenü das Format "PNG" aus.

5. Bei Bedarf können Sie die Auflösung, den Maßstab und andere Exportoptionen anpassen.

6. Nachdem Sie das Format ausgewählt und die Exportoptionen konfiguriert haben, klicken Sie auf die Schaltfläche Exportieren.

7. Geben Sie den Ordner an, in dem das Bild im PNG-Format auf Ihrem Computer gespeichert werden soll.

8. Klicken Sie auf Speichern und Figma speichert das ausgewählte Element im PNG-Format auf Ihrem Computer.

Wählen Sie das PNG-Format aus

Führen Sie die folgenden Schritte aus, um ein PNG-Bild in Figma zu speichern:

  1. Wählen Sie das gewünschte Objekt oder eine Gruppe von Objekten in Ihrem Figma-Dokument aus. Sie können eine Auswahl treffen, indem Sie auf ein Objekt auf der Leinwand oder in der Ebenenliste klicken.
  2. Klicken Sie mit der rechten Maustaste auf das ausgewählte Objekt und wählen Sie im Kontextmenü die Option Exportieren aus.
  3. Wählen Sie im angezeigten Dialogfeld "Exportieren" das Format "PNG" aus der Liste der verfügbaren Formate aus.
  4. Konfigurieren Sie die PNG-Exportoptionen bei Bedarf. Sie können die Auflösung, die Skalierung oder die Transparenz aktivieren.
  5. Klicken Sie auf die Schaltfläche Exportieren, um das Bild im PNG-Format auf Ihrem Computer zu speichern.

Jetzt können Sie das gespeicherte PNG-Bild für Druck, Webdesign oder andere Zwecke verwenden.

Denken Sie daran, dass das PNG-Format eine hohe Bildqualität bietet, aber im Vergleich zu anderen Formaten eine größere Dateigröße aufweisen kann. Wenn Sie die Dateigröße reduzieren möchten, können Sie die PNG-Komprimierung mit speziellen Werkzeugen verwenden oder ein anderes Format wie JPEG auswählen.

Stellen Sie die gewünschten Einstellungen ein

1. Wählen Sie die gewünschten Layer oder Elemente aus:

Stellen Sie vor dem Speichern eines Bildes im PNG-Format sicher, dass die gewünschten Layer oder Elemente ausgewählt sind. Wenn Sie alle Ebenen auf der Leinwand behalten möchten, müssen Sie nichts auswählen. Wenn Sie jedoch nur bestimmte Elemente speichern möchten, stellen Sie sicher, dass sie ausgewählt sind.

2. Gehe zu den Einstellungen:

Klicken Sie dazu auf das Exportwerkzeug in der unteren rechten Ecke. Danach wird das Fenster "Exporteinstellungen" geöffnet.

3. Legen Sie das PNG-Format fest:

Suchen Sie im Bereich "Exporteinstellungen" nach dem Abschnitt "Format" und wählen Sie das PNG-Format aus. Beachten Sie, dass standardmäßig ein anderes Format ausgewählt werden kann.

4. Legen Sie die gewünschten Parameter fest:

Nachdem Sie das PNG-Format ausgewählt haben, können Sie verschiedene Exportoptionen wie Größe, Qualität und Transparenz anpassen. Stellen Sie die gewünschten Werte entsprechend Ihren Anforderungen ein.

5. Speichern Sie das Bild:

Wenn Sie mit der Einstellung der gewünschten Einstellungen fertig sind, klicken Sie auf die Schaltfläche "Bild speichern". Geben Sie den Pfad und den Dateinamen an, und klicken Sie dann auf Speichern. Ihr Bild wird im PNG-Format mit den ausgewählten Einstellungen gespeichert.

Speichern Sie das Bild

Nachdem Sie Ihr Bild in Figma eingerichtet haben, können Sie es im PNG-Format speichern. Befolgen Sie diese einfachen Schritte:

Schritt 1: Suchen Sie in der oberen rechten Ecke des Figma-Fensters nach der Schaltfläche "Exportieren". Diese Schaltfläche sieht aus wie ein kleines Bild mit einem nach unten zeigenden Pfeil. Klicken Sie darauf.

Schritt 2: Wählen Sie im angezeigten Menü die Option "In PNG exportieren".

Schritt 3: Wählen Sie im angezeigten Fenster die gewünschte Bildauflösung aus. Hier können Sie die Bildgröße auswählen, die Ihren Bedürfnissen entspricht.

Schritt 4: Klicken Sie auf die Schaltfläche "Exportieren".

Schritt 5: Wählen Sie im angezeigten Dialogfeld den Ort aus, an dem Sie das Bild auf Ihrem Computer speichern möchten, und klicken Sie auf Speichern.

Glückwunsch! Sie haben Ihr Bild erfolgreich im PNG-Format in Figma gespeichert. Jetzt können Sie es für jeden Zweck verwenden.