Mit Convertify richtest du ein 3D-Asset aus und fügst seine gerenderte Ansicht direkt in deinen Figma-Canvas ein. Die entstehende Figma-Ebene ist ein transparenter PNG-Schnappschuss, dessen längste Seite 2048 Pixel misst. Convertify entfernt vollständig transparente Randpixel, bevor es die Bildfüllung erstellt, sodass die Ebenengrenzen genau um das sichtbare Rendering liegen. Solange Convertify geöffnet bleibt, kannst du die Ebene auswählen und ihre Ansicht erneut anpassen.

Unterstützte 3D-Formate

• glTF (.gltf)
• Binäres glTF (.glb)
• Wavefront OBJ (.obj)
• ZIP-Paket mit einem unterstützten Modell und seinen verknüpften Dateien (.zip)

Wenn eine glTF- oder OBJ-Datei separate .bin-, .mtl- oder Texturdateien nutzt, wähle das Modell zusammen mit allen verknüpften Dateien aus oder zieh sie gemeinsam hinein. Du kannst ein Modell und seine verknüpften Dateien auch in eine ZIP-Datei packen, wobei die relativen Ordnerpfade erhalten bleiben müssen, und die ZIP-Datei dann direkt in Convertify ziehen.

Direkt importierte 3D-Quelldateien dürfen zusammen bis zu 200 MB groß sein. ZIP-Pakete dürfen komprimiert bis zu 50 MB und entpackt bis zu 200 MB groß sein.

Du brauchst ein Modell? Stöbere in den 3D-Modellen auf Sketchfab. Prüf vor der Nutzung die Lizenz, die bei jedem Modell angegeben ist.

Ein 3D-Modell importieren

1. Öffne Convertify, klick auf den Tab Import into Figma und wähle dann Import 3D to Figma.
2. Lass den Tab Import 3D Model ausgewählt.
3. Klick auf den Importbereich oder zieh deine Modelldatei hinein. Füg verknüpfte Dateien hinzu, wenn das Modell sie braucht, oder zieh eine ZIP-Datei mit einem Modell und allen zugehörigen Dateien hinein. Sobald eine Vorschau geladen ist, klick auf Load another, um einen Ersatz auszuwählen, oder zieh die Ersatzdateien direkt auf den Button Load another.
4. Zieh in der Vorschau, um das Modell zu drehen. Halte beim Ziehen unter macOS Command oder unter Windows und Linux Ctrl gedrückt, um die Ansicht zu verschieben, oder scroll zum Zoomen.
5. Pass das Modell in der Vorschau an, bis du die gewünschte Ansicht hast.
6. Klick auf Add to canvas, um diese Ansicht als gerenderte Bildebene in Figma einzufügen. Nach dem Einfügen bleiben weitere Änderungen an der Ansicht in der Vorschau, bis du auf Update canvas klickst.

Ein Bild in eine isometrische 3D-Perspektive verwandeln

Du machst lieber parallel mit? Sieh dir das Video-Tutorial zur isometrischen 3D-Perspektive an.

1. Klick auf den Tab Import into Figma, wähle Import 3D to Figma und dann Image to 3D Perspective.
2. Füg ein PNG-, JPG/JPEG-, JPE-, JFIF-, WebP-, GIF-, AVIF-, BMP- oder SVG-Bild hinzu, oder wähle in Figma genau eine Ebene aus und klick auf Use selected Figma layer. Sobald eine Vorschau geladen ist, klick auf Load another, um ein Ersatzbild auszuwählen, oder zieh es direkt auf den Button Load another.
3. Dreh, verschieb oder zoom die Vorschau und klick dann auf Add to canvas. Nach dem Einfügen bleiben weitere Änderungen an der Ansicht in der Vorschau, bis du auf Update canvas klickst.

Wenn du ein anderes Bild hochlädst oder eine andere ausgewählte Figma-Ebene nutzt, behält Convertify den aktuellen Blickwinkel, die Verschiebung und den Zoom der Vorschau bei. Klick vor dem Laden des nächsten Bildes auf Reset view, wenn es stattdessen mit der Standardansicht beginnen soll.

Bilder dürfen bis zu 50 MB groß sein. Eine ausgewählte Figma-Ebene wird lokal als transparentes PNG in ihrer aktuellen 1x-Größe erfasst, bevor die endgültige isometrische 3D-Perspektive in 2K gerendert wird. Die Originalebene wird nicht verändert, und ihre temporären Bilddaten werden verworfen, wenn Convertify geschlossen oder neu gestartet wird.

WebM ist ein Video- und kein Bildformat und steht deshalb in Image to 3D Perspective nicht zur Verfügung.

Eine importierte 3D-Ebene erneut bearbeiten

Solange Convertify geöffnet bleibt, wähle eine importierte 3D-Ebene aus, um ihr Modell und ihre Kameraposition wiederherzustellen. Pass die Vorschau an und klick dann auf Update canvas, wenn du das gerenderte Bild auf der ausgewählten Figma-Ebene ersetzen möchtest.

Wenn Convertify geschlossen oder neu gestartet wurde, wähle die 3D-Ebene aus und zieh die ursprünglichen Quelldateien oder die ZIP-Datei erneut hinein. Convertify stellt die gespeicherten Ansichtsmetadaten wieder her; pass die Vorschau bei Bedarf an und klick dann auf Update canvas, um dieselbe Figma-Ebene zu aktualisieren.

Die ursprünglichen Modell- und Bilddateien liegen nach dem Hineinziehen nur im temporären Speicher des Plugins. Sie werden verworfen, wenn Convertify geschlossen oder neu gestartet wird. Das Figma-Dokument speichert nur die gerenderte Bildebene und schlanke Ansichtsmetadaten.

3D-Rendering und Dateiverarbeitung laufen lokal im Plugin Convertify. Die erzeugte Figma-Ebene ist ein gerendertes Bild, kein bearbeitbares Mesh.