'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Bilder zu Designdateien hinzufügen
Wer kann diese Funktion verwenden
Enthalten in allen Teams und Abos
Alle Nutzer*innen mit Schreibzugriff auf Designdateien können Bilder hinzufügen oder importieren.
Figma unterstützt die Bildformate PNG, JPEG, HEIC, GIF und WEBP.
Füge deinen Designdateien Bilder in Form von Fotos, Screenshots oder anderen visuellen Elementen hinzu. Figma unterstützt die Bildformate PNG, JPEG, HEIC, GIF und WEBP.
Figma hat keinen bestimmten Ebenentyp für Bilder. Diese werden als Füllung behandelt. Dies ermöglicht es dir, beliebigen Formen oder Vektornetzwerken Bilder hinzuzufügen.
Im Bereich Fill (Füllung) in der rechten Seitenleiste kannst du Bildfüllungen anzeigen und aktualisieren. Figma zeigt im Muster eine Miniaturansicht des Bildes und das Label Image an.
Du kannst Ebenen mit Bildfüllungen auch in der linken Seitenleiste im Ebenen-Tab identifizieren:
- Wenn du ein Bild direkt in der Arbeitsfläche hinzufügst, erstellt Figma darin ein Rechteck mit den Abmessungen der Originaldatei, dem Bildsymbol und dem Label
Image. - Wenn du einem vorhandenen Objekt ein Bild hinzufügst, verwendet Figma das Ebenensymbol und die Beschreibung der ursprünglichen Ebene.
Hinweis: Figma verkleinert Bilder, deren Breite oder Höhe größer als 4096 Pixel ist. Dabei werden die ursprünglichen Abmessungen des Bildes proportional skaliert, sodass die längste Seite kürzer als 4096 Pixel ist.
Mitunter muss Figma ein Bild dekodieren und konvertieren, bevor es der Datei hinzugefügt werden kann. Daher kann nicht garantiert werden, dass Figma alle Metadaten einer Datei beibehält.
Bilder zu Dateien hinzufügen
Da Bilder Füllungen sind, kannst du sie beliebigen Vektoren oder Formen hinzufügen. Dadurch erhältst du mehr Flexibilität und Kontrolle. Du hast unterschiedliche Möglichkeiten, Bilder zu Designdateien hinzuzufügen:
-
A Füge eine Bilddatei per Drag & Drop in die Arbeitsfläche ein. Figma erstellt ein neues Rechteck mit den Abmessungen des Bildes und verwendet das Bild als Füllung.
-
B Importiere eine Bilddatei in den Datei-Browser. Figma erstellt eine neue Designdatei im Projekt, wobei das Bild als Rechteck hinzugefügt wird.
-
C Füge deinen Designs mehrere Bilder gleichzeitig mit „Place image“ (Bild platzieren) hinzu. Wähle aus, welchen Ebenen Bilder hinzugefügt werden sollen. Mehrere Bilder gleichzeitig platzieren →
-
D Verwende die Bildimportfunktion der Farbauswahl. Bildfüllungen hochladen →
-
E Kopiere ein Bild aus einer anderen Ebene in der aktuellen Datei oder aus einer anderen Datei. Bilder zwischen Ebenen kopieren und einfügen →
-
F Füge ein beliebiges Bild aus der Zwischenablage in die Arbeitsfläche ein. Kopiere Bilder aus dem Web, ohne sie herunter- und hochladen zu müssen. Bilder in die Arbeitsfläche einfügen →
Du kannst deinen Prototypen auch animierte GIFs hinzufügen. GIFs werden nur wiedergegeben, wenn Designs und Prototypen in der Präsentationsansicht angezeigt werden. Animierte GIFs zu Prototypen hinzufügen →
Bilder bearbeiten
Du hast verschiedene Möglichkeiten, Bilder zu bearbeiten oder anzupassen:
- Skalieren, drehen und die Abmessungen von Ebenen mit Bildern anpassen.
- Auf Ebenen angewendete Bilder zuschneiden und sie neu positionieren.
- Bildoptionen anpassen, einschließlich Füll-, Rotations- und Mischmodus.
- Bilder in Stile und Komponenten einbeziehen.
- Masken anwenden, um nur einen Teil des Bildes anzuzeigen.
- Bilder anpassen, indem du beispielsweise den Farbton, die Sättigung oder den Kontrast änderst.
Du hast Probleme beim Laden von Bildern? Allgemeine Probleme beim Laden von Bildern beheben →