Wie man einen Hintergrund in Figma transparent macht (Anleitung 2026)

Figma ist für Interface-Design gebaut, nicht für Fotobearbeitung, daher bedeutet „Hintergrund entfernen" dort etwas anderes als in einem Foto-Tool. Wenn Sie nur möchten, dass der Hintergrund Ihres Frames oder Artboards beim Export verschwindet, kann Figma das nativ. Aber wenn Sie ein Foto mit einem unruhigen Hintergrund haben - ein Produktfoto, ein Porträt, ein platziertes Bild - hat Figma keine integrierte Möglichkeit, das Motiv zu erkennen und freizustellen; Sie brauchen entweder ein Plugin, viel Geduld mit dem Stift-Werkzeug, oder einen dedizierten Hintergrundentferner, bevor das Bild überhaupt in Ihre Datei gelangt.

Warum transparente Hintergründe in Figma-Projekten wichtig sind

Transparente PNGs erlauben es, ein Logo, Produktfoto oder Icon über jede Farbe, jedes Screenshot-Mockup oder jeden Farbverlauf zu legen, ohne sichtbaren Kasten darum. Das ist wichtig für UI-Kits, Marketing-Decks, App-Store-Screenshots und jedes Designsystem, in dem dasselbe Asset auf mehreren Hintergründen sitzen muss.

Methode 1: Einen Frame mit transparentem Hintergrund exportieren

Schritt 1: Wählen Sie Ihren Frame, Ihre Gruppe oder Ihre Komponente in Figma aus.

Schritt 2: Entfernen oder verstecken Sie im rechten Panel die Hintergrundfüllung des Frames (klicken Sie auf die Füllfarbe und löschen Sie sie, oder blenden Sie ihre Sichtbarkeit aus).

Schritt 3: Öffnen Sie den Export-Bereich unten im rechten Panel, wählen Sie PNG und exportieren Sie. PNG unterstützt Alpha-Transparenz, sodass überall dort, wo die Hintergrundfüllung entfernt wurde, statt Weiß transparent exportiert wird.

Das funktioniert gut für Logos, Icons und UI-Mockups, bei denen der „Hintergrund" nur eine in Figma hinzugefügte Füllfarbe ist, keine fotografierte Szene.

Methode 2: Den Hintergrund aus einem platzierten Foto entfernen

Wenn es um ein Foto geht - ein Produktfoto, ein Porträt, den Screenshot eines physischen Objekts -, können die Export-Einstellungen von Figma nicht helfen, da der Hintergrund keine Figma-Füllung ist, sondern Teil der Pixel des Bildes selbst. Innerhalb von Figma bleiben Ihnen realistisch nur ein Community-Plugin, das eine externe API aufruft, oder das manuelle Freistellen des Motivs mit dem Stift-Werkzeug, was langsam ist und selten saubere Kanten um Haare, Fell oder feine Details liefert.

Der schnellere Weg: vor dem Import entfernen

Der einfachste Workflow für die meisten Designer ist, den Hintergrund zuerst aus dem Foto zu entfernen und das resultierende transparente PNG dann direkt in Figma zu ziehen. Laden Sie das Bild bei nobackground hoch, lassen Sie die KI auf dem Gerät das Motiv in wenigen Sekunden freistellen, laden Sie das PNG herunter und platzieren Sie es auf Ihrer Fläche - ohne Plugin-Berechtigungen, ohne Konto, und ohne dass dabei ein Bild Ihren Browser verlässt.

Tipps für saubere transparente Exporte

• Exportieren Sie mit 2x- oder 3x-Skalierung für alles, was auf einem hochauflösenden Display verwendet wird, und skalieren Sie danach bei Bedarf herunter - das verhindert weiche, unscharfe Kanten um den Ausschnitt.
• Prüfen Sie transparente PNGs vor der Weitergabe auf einem Schachbrettmuster oder dunklem Hintergrund, da ein hellgrauer Kantenschimmer auf einer schlichten weißen Fläche leicht übersehen wird.
• Wenn Sie denselben Ausschnitt auf mehreren Mockups platzieren, bewahren Sie das originale transparente PNG als gemeinsames Asset in Ihrer Figma-Bibliothek auf, statt es aus jedem Frame erneut zu exportieren.

Fragen zur Transparenz in Figma

Hat Figma einen integrierten Hintergrundentferner? Nein. Figma kann Frames oder Formen mit transparenter Füllung exportieren, aber es kann ein Motiv aus einem Foto nicht automatisch erkennen und freistellen, ohne Plugin oder externes Tool.

Funktioniert ein transparentes PNG von nobackground direkt in Figma? Ja. Ziehen Sie das heruntergeladene PNG einfach per Drag-and-Drop auf Ihre Fläche wie jedes andere Bild-Asset; die Transparenz bleibt erhalten.