So exportierst du ein Logo aus Figma für einen Kunden

1. Bereite eine Übergabekopie der freigegebenen Grafik vor

Lege in deiner Figma-Datei einen klar benannten Übergabebereich an. Platziere jede freigegebene Logovariante in einem eigenen Frame oder einer eigenen Gruppe, zum Beispiel Hauptlogo, Symbol und Weiß. Bewahre verworfene Konzepte und Entwürfe an anderer Stelle auf. So ist die Auswahl des richtigen Exports deutlich weniger fehleranfällig.

Prüfe die Begrenzung um jedes Logo. Ein breiter leerer Frame kann ein winziges Zeichen in einem großen Bild erzeugen; eine enge Begrenzung kann außerhalb liegende Elemente abschneiden. Entscheide, ob der Innenabstand zum exportierten Asset gehören oder erst im verwendenden Layout ergänzt werden soll. Prüfe die Auswahl entsprechend.

Bewahre das bearbeitbare Original unverändert auf. Mit einer Übergabekopie kannst du Exportprobleme lösen, ohne bearbeitbaren Text, Komponentenstruktur oder andere Informationen für spätere Überarbeitungen zu verlieren.

• Gib jeder Exportauswahl vor dem Herunterladen einen sinnvollen Namen.
• Entferne Präsentationshintergründe aus Versionen, die transparent sein sollen.
• Prüfe, ob das ausgewählte Logo alle Teile der freigegebenen Anordnung enthält.
• Stelle sicher, dass kleine Schrift, Masken und Effekte bei der vorgesehenen Ausgabe erhalten bleiben.

2. Exportiere ein SVG und öffne es erneut

Wähle das Logo aus, klicke im Eigenschaftenbereich neben Export auf +, wähle SVG und exportiere die Auswahl. Figma unterstützt auch native PNG-, JPG- und PDF-Ausgaben; ein anderes Tool ist optional. Die Exporteinstellungen bieten eigene Rasterbreiten und -höhen.

Figma wandelt SVG-Text standardmäßig in Pfade um. Dadurch bleiben die Buchstabenformen erhalten, ohne dass der Export bearbeitbaren Text enthält. Bewahre die Arbeitsdatei für spätere Textänderungen auf. Prüfe die Exporteinstellungen, wenn dein Projekt ausdrücklich bearbeitbaren Text erfordert.

Öffne das heruntergeladene SVG in einem Browser und bei Bedarf in einem anderen Vektoreditor. Vergleiche die Wortmarke Buchstabe für Buchstabe mit der freigegebenen Version. Prüfe Strichstärken, Aussparungen, äußere Grenzen und geschichtete Details. Ein erfolgreicher Download bestätigt nur, dass eine Datei erstellt wurde.

Weiterführende Artikel: Figma: Aus Figma exportieren · Figma: Formate und Exporteinstellungen

3. Erstelle Bildschirmdateien für konkrete Einsatzorte

Frage den Kunden, wo das Logo als Nächstes verwendet wird. Ein Website-Header, eine Präsentation und ein Profilbild haben unterschiedliche Anforderungen. Notiere benötigte Maße, Hintergrund und akzeptierte Formate, bevor du viele Exporte erstellst.

Angenommen, ein Entwickler bittet um ein transparentes Rasterlogo, das 180 Pixel breit angezeigt wird. Ein 360 Pixel breiter Export liefert dafür ein 2×-Bild; ein 540 Pixel breiter Export ein 3×-Bild. Diese Größen gelten nur für dieses Beispiel. Kläre den tatsächlichen Bedarf mit dem Entwickler, statt einen der Werte als allgemeinen Standard zu behandeln. Für die 360-Pixel-Version in Figma füge einen PNG-Export hinzu und gib im Feld Scale 360w ein; für das 3×-Beispiel verwende 540w.

Verwende SVG, wenn der Einsatzort es akzeptiert, und PNG, wenn eine Rasterdatei Transparenz benötigt. Liefere JPG nur, wenn ein Bild mit deckendem Hintergrund sinnvoll oder erforderlich ist. Wähle das erwartete digitale Farbprofil; Figma bietet sRGB- und Display-P3-Exporteinstellungen. Teste das Ergebnis am tatsächlichen Einsatzort.

Acme_Primary_Web.svg
Acme_Primary_Transparent_360px.png
Acme_White_Transparent_360px.png
Acme_Primary_WhiteBackground_1200px.jpg

Dies sind beispielhafte Lieferdateien, keine verbindlichen Größen.

Weiter mit: Formate nach Einsatzzweck wählen

4. Behandle Druck als separate Produktionsentscheidung

Wenn eine Druckerei CMYK-EPS oder eine bestimmte PDF-Spezifikation verlangt, halte diese Anforderung exakt fest. Ein PDF-Download aus Figma allein belegt nicht, dass die Farb-, Profil- und Produktionsvorgaben der Druckerei erfüllt sind.

Frage, ob der Dienstleister Prozess-CMYK, Sonderfarben, ein bestimmtes Ausgabeprofil oder einen bestimmten PDF-Standard erwartet. Prüfe die tatsächlich exportierte Datei mit einem geeigneten Prüfverfahren und fordere bei wichtigen Farbanforderungen einen Proof an. Liefere das Logo als Asset; ergänze Anschnitt- oder Endformateinstellungen nur, wenn du auch das entsprechende fertige Layout vorbereitest.

Für unterstützte SVG-Grafiken aus deckenden Vektoren kann logopack.app CMYK-EPS und mit Pro CMYK-PDF-Logodateien anhand der CMYK-Werte des Projekts erstellen. Komplexe Grafiken müssen eventuell in einem Vektoreditor vorbereitet werden. Auch diese Exporte müssen mit den Vorgaben des Dienstleisters abgeglichen werden.

Weiterführende Artikel: Adobe: PDF-Ausgabeoptionen

5. Wähle, wie du das Paket zusammenstellst

Für eine kleine Lieferung können native Figma-Exporte und sorgfältig benannte Ordner ausreichen. Behalte einen Ablauf bei, den du leicht überprüfen kannst. Wenn du regelmäßig viele freigegebene Varianten und Dateitypen benötigst, kann ein Verpackungsablauf die manuelle Organisation reduzieren.

Eine Möglichkeit: Lade das geprüfte SVG auf logopack.app hoch, lege Hauptlogo und weitere Versionen fest, prüfe die Farbvarianten und sieh dir die Ordnervorschau an. Standardexporte umfassen SVG, PNG, JPG, WebP und CMYK-EPS. Pro ergänzt eigene Exporteinstellungen, CMYK-PDF-Logoausgabe für unterstützte Grafiken und einen PDF-Logo-Leitfaden. Mit einem kostenlosen Konto kannst du deine Grafik in der Vorschau ansehen und die unveränderte mitgelieferte Demo exportieren. Der Export eigener Grafiken erfordert Pro.

Wenn du lieber in Figma bleibst, bietet TinyImage einen dokumentierten Logo-Packager-Ablauf. Vergleiche die benötigten Ausgaben und aktuellen Tarifbedingungen vor der Auswahl. Entscheidend ist, ob das fertige Paket die Anforderungen deines Kunden erfüllt und Arbeit spart, die du sonst manuell erledigen würdest.

Weiter mit: Abläufe zur Zusammenstellung von Logopaketen vergleichen

Weiterführende Artikel: TinyImage: Ein Logopaket in Figma vorbereiten

6. Prüfe, was der Kunde erhält

Entpacke die tatsächliche Lieferung in einen neuen Ordner. Öffne repräsentative Dateien jedes Formats und jeder Logovariante. Teste ein weißes transparentes Logo auf dunklem Hintergrund, damit es nicht für eine leere Datei gehalten wird.

Lege eine kurze Anleitung bei, die das Standardlogo nennt und erklärt, welche Dateien in gängige Anwendungen gehören. Wenn bearbeitbarer Figma-Zugriff vereinbart ist, gewähre ihn separat mit den passenden Berechtigungen. Ein Exportordner ersetzt keine vereinbarte Quelldateiübergabe.

• ✓Vergleiche Schrift und Formen mit der freigegebenen Grafik.
• ✓Prüfe Raster-Pixelmaße, Innenabstände und Schärfe in der Nutzungsgröße.
• ✓Prüfe transparente Assets auf hellen und dunklen Hintergründen.
• ✓Gleiche Druckfarben und Ausgabeeinstellungen mit den Vorgaben des Dienstleisters ab.
• ✓Entferne doppelte, verworfene und veraltete Versionen.
• ✓Lies Dateinamen und Anleitungen wie jemand, der das Projekt nicht kennt.

Häufige Fragen zum Logoexport aus Figma