Im Tab Edit bearbeitest du ein Bild, bevor du es in Figma einfügst oder herunterlädst. Links findest du die Werkzeuge, in der Mitte das Foto und rechts die Einstellungen. Die linke Navigation gruppiert Tools (Selection, Paint brush, Fill, Eraser, Crop und Retouch), Adjustments (Adjust) und Finishing (Filters, Effects und Local AI). Selection umfasst Objekterkennung, Zauberstab, Rechteck-, Ellipsen-, Lasso- und Pinselauswahl; mit Pick neben den Farbfeldern nimmst du eine Farbe aus dem Bild auf.
Video-Tutorial: Bilder in Figma bearbeiten
Bild öffnen
- Öffne TinyImage in einer Figma-Design-Datei und wähle Edit.
- Wähle Open image from computer für eine unterstützte Bilddatei oder wähle eine Figma-Ebene aus und dann Use selected Figma layer. Solange kein Bild geöffnet ist, zeigt die Hauptleiste nur Open project, Save project und Batch edit. Sobald ein Bild geöffnet ist, verwendet die Hauptleiste die kürzeren Bezeichnungen Open from computer und Use Figma layer. Eine einzelne ausgewählte Ebene öffnet sich sofort; stehen mehrere Quellen zur Verfügung, wählst du das Bild aus, das du bearbeiten möchtest.
- Wenn bei mehreren ausgewählten Ebenen die Quellenauswahl erscheint, wähle eine original image-Füllung oder einen rendered layer und dann Open selected image.
Use selected Figma layer ist deaktiviert, solange keine Ebene ausgewählt ist. Bevor ein anderes Bild oder Projekt dein aktuelles Bild samt Bearbeitungen ersetzt, fragt TinyImage nach. Brich ab, um weiterzuarbeiten, oder speichere zuerst ein Projekt, um deine Arbeit zu behalten.
Ein Originalbild verwendet die Ausgangspixel ohne die Farbanpassungen von Figma. Eine gerenderte Ebene enthält das sichtbare Erscheinungsbild der Ebene, einschließlich ihrer Figma-Anpassungen und weiterer Inhalte. Nur eine originale Bildfüllung lässt sich ersetzen; lokale Dateien, gerenderte Ebenen und wieder geöffnete Projekte kannst du als neue Bilder einfügen.
Bearbeitungen mit Layers verwalten
Wähle oben im rechten Panel den Tab Layers, um Anpassungen, Masken und Effekte gemeinsam zu sehen. Mit dem Auge neben einer Bearbeitung vergleichst du sie mit dem Bild darunter, ohne ihre Einstellungen zu verlieren. Klick auf den Namen, um ihre Einstellungen zu öffnen. Änderungen der Sichtbarkeit unterstützen Undo/Redo und gespeicherte Projekte; ausgeblendete Bearbeitungen fließen nicht in die Ausgabe ein. Mit dem Tab History daneben wechselst du zwischen früheren Bearbeitungsständen; Properties führt zurück zu den Einstellungen des aktuellen Werkzeugs. Siehe Ebenen, Verlauf und Projekte.
Lokale KI-Werkzeuge
Wähle in der Werkzeugleiste Local AI und dann Boost resolution, um ein Bild hochzuskalieren, oder Remove background, um einen transparenten Freisteller zu erstellen. Beide Werkzeuge laufen zu 100 % lokal auf deinem Gerät. Beim ersten Klick auf eine der beiden Aktionen wird ihr Modell automatisch heruntergeladen und danach das Bild verarbeitet; deine Bilder werden nicht zu einem externen Dienst hochgeladen. Die Modelle bleiben verfügbar, solange das Plugin geöffnet ist.
Die Schritte findest du unter Auflösung erhöhen und Hintergrund entfernen. Du kannst das Ergebnis in Figma einfügen oder herunterladen; verwende PNG, um die Transparenz zu erhalten.
Anleitungen zur Bearbeitung
- Zuschneiden und Größe ändern
- Licht und Farbe
- Schärfen
- Auflösung erhöhen
- Hintergrund entfernen
- Filter und Presets
- Effekte
- Auswahlen, Pinsel und Radieren
- Retuschieren
- Verlauf und Projekte
- Stapelbearbeitung und Export
Mit dem Umschalter After, Before und Compare oben rechts auf dem Canvas prüfst du deine Bearbeitungen. Klick auf Before, um das Vorher-Bild einzublenden; ein weiterer Klick stellt die bearbeitete Ansicht wieder her. Halte Before gedrückt, um kurz hineinzuschauen, oder drück \, um umzuschalten. Nach einer lokalen Verarbeitung zeigt es das Bild direkt vor dieser Aktion. Halte Space gedrückt und zieh den Canvas, um ihn bei jeder Zoomstufe zu verschieben. Wähle im Zoommenü unter dem Canvas Fit oder einen Prozentwert.
Unterstützte Uploads
Open image from computer akzeptiert diese Bildformate:
| Format | Dateiendungen |
|---|---|
| PNG | .png |
| JPEG | .jpg, .jpeg |
| WebP | .webp |
| GIF | .gif |
| BMP | .bmp |
| AVIF | .avif |
| TIFF | .tif, .tiff |
| HEIC / HEIF | .heic, .heif |
| Kamera-RAW | Siehe die Endungen unten. |
Akzeptierte Kamera-RAW-Endungen sind .dng, .cr2, .cr3, .crw, .nef, .nrw, .arw, .sr2, .srf, .raf, .orf, .rw2, .pef, .rwl, .srw, .x3f, .3fr, .fff, .iiq, .kdc, .dcr, .mos, .mrw, .erf und .raw.
Die RAW-Unterstützung hängt von Kamera und Komprimierungsformat ab; eine akzeptierte Endung garantiert nicht, dass sich jede Kameravariante öffnen lässt. Eine nicht unterstützte oder beschädigte Datei lässt die aktuelle Bearbeitungssitzung unverändert.
RAW-Bilder werden lokal mit dem Weißabgleich und der Ausrichtung der Kamera entwickelt und dann zur Bearbeitung in ein 8-Bit-sRGB-Bild umgewandelt. Der Editor verwendet das entwickelte Sensorbild, nicht ein eingebettetes Vorschaubild. Es handelt sich um einen Bildbearbeitungs-Workflow: Die RAW-Sensordaten bleiben nicht erhalten, und es gibt keinen RAW-Export. Gespeicherte Projekte behalten das umgewandelte Bild.
GIFs öffnen sich als Standbild, mehrseitige TIFFs verwenden das erste vollständige Bild und HEIC/HEIF-Dateien das Hauptbild. TIFF-Bilder in RGB und Graustufen können 8 oder 16 Bit haben; Bearbeitung und Exporte verwenden 8-Bit-Pixel. Bei nicht unterstützten TIFF-Pixellayouts erscheint ein Fehler. Importe übernehmen weder die Metadaten noch das Farbprofil der Originaldatei.
Die Dekodierung findet lokal im Plugin statt. Das Upload-Limit liegt bei 64 MB, das Limit für das dekodierte Bild bei 24 Megapixeln. Größere RAW-Dateien musst du vor dem Öffnen verkleinern oder umwandeln.
Größe des Editorfensters ändern
Der Tab Edit öffnet sich zunächst mit 1120 × 780 Pixeln. Zieh den Griff unten rechts, um Breite und Höhe zu ändern. Die Mindestbreite beträgt 1120 Pixel und entspricht der Standardbreite des Tabs Edit. Wenn der Griff fokussiert ist, ändern die Pfeiltasten die Größe um 10 Pixel; mit gedrückter Shift-Taste um 50 Pixel. TinyImage merkt sich die Größe des Editors und stellt die normale oder erweiterte Fenstergröße wieder her, wenn ein anderer Tab ausgewählt wird.
Bildlimits
Der Editor unterstützt Bilder mit bis zu 24 Megapixeln, abhängig von Grafikleistung und Arbeitsspeicher deines Geräts. Wenn der Editor nicht startet, aktiviere die Hardwarebeschleunigung oder probier Figma in Chrome. Wenn ein Bild nicht angezeigt werden kann, versuch es mit einer kleineren Quelle. Die Vorschau verwendet unter Umständen ein kleineres Bild, damit die Bearbeitung flüssig bleibt; exportierte Bilder nutzen die volle Auflösung des Zuschnitts.
Bildbearbeitungen erzeugen Rasterbilder. Es sind keine bearbeitbaren Anpassungsebenen in Figma.
Umfang der Bearbeitung
Der Editor arbeitet mit Rasterbildern. Ebenenbasierte PSD-Dateien bearbeitet er nicht. Bearbeitungen bleiben im Editor, bis du ein Ergebnis einfügst, ersetzt oder herunterlädst. Die Verarbeitung findet auf deinem Gerät statt; manche Werkzeuge laden zuerst ihre Verarbeitungsmodelle herunter.
Mit Compress optimierst du Exporte, mit Downsize verkleinerst du vorhandene Bildfüllungen.