Figma hat den Effekt 3D transform am 12. November 2026 als Open Beta freigegeben. Er kippt und dreht Text, Bilder, Vektoren, Frames und Komponenten im Raum und staffelt sie in der Tiefe, während das Original darunter bearbeitbar bleibt. Voraussetzung ist eine Full-Lizenz, also die Lizenz mit Bearbeitungsrechten, die es in jedem Tarif gibt.
Auch für Animation und die Übergabe an Entwickler gibt es Funktionen: In Figma Motion setzt du Keyframes für die Drehung, im Dev Mode kopierst du die Werte als CSS.
Du wählst eine Ebene aus, klickst im Bereich Effects der rechten Seitenleiste auf das Plus und wählst 3D transform. Auf der Arbeitsfläche ziehst du an den Griffen, um die Ebene um die X-, Y- oder Z-Achse zu drehen, oder tippst die Werte in den Einstellungen exakt ein. Depth schiebt die Ebene entlang der Z-Achse nach vorn oder hinten.
Die Raumwirkung kommt von Perspective, und zwar am übergeordneten Frame, nicht an den einzelnen Ebenen. Die Hilfeseite von Figma beschreibt den Wert als Kameraabstand: Ein kleinerer Wert holt den Blickpunkt näher heran und verstärkt den Effekt, ein größerer macht ihn dezenter. Perspective ändert nichts Sichtbares, wenn keine der verschachtelten Ebenen den Effekt 3D transform hat.
Welche Eigenschaften sperrt Figma im gemeinsamen 3D-Raum?
Depth zeigt erst Wirkung, wenn du am übergeordneten Frame Keep nested layers 3D einschaltest. Die Ebenen behalten dann ihre eigene Drehung und Tiefe und können sich schneiden oder voreinander liegen. Im Gegenzug sperrt Figma am übergeordneten Frame mehrere Eigenschaften.
Was Keep nested layers 3D sperrt
Am übergeordneten Frame, Stand 12. November 2026, Open Beta
- Ebenen behalten ihre eigene Drehung und Tiefe
- Ebenen können sich schneiden oder voreinander liegen
- Deckkraft lässt sich nicht einstellen
- Mischmodi, Shader und weitere Effekte sind nicht verfügbar
- Vorhandene Füllungen und Konturen sind ausgeblendet
- Turn into flat plane legt die Ebenen wieder flach auf den Frame
Quelle: Figma Learn
Du wählst Turn into flat plane, wenn du auf dem Frame Deckkraft, Mischmodi oder Shader brauchst. Figma legt die verschachtelten Ebenen dann flach auf die 2D-Fläche des Frames. Die 3D-Komposition lässt sich so in ein normales Layout setzen, etwa auf eine Karte oder ein Plakat.
Wie kommt der Effekt in Animation und Code?
In Figma Motion wechselst du in den Motion-Modus und legst die Keyframes in den Einstellungen des Effekts an. Als Keyframe-Werte stehen Rotate X, Rotate Y, Depth und Perspective bereit; die Drehung um die Z-Achse zählt Figma dort nicht auf. Im Dev Mode kopierst du die Werte als CSS: Depth entspricht translateZ, Perspective entspricht perspective, und Keep nested layers 3D entspricht transform-style: preserve-3d. Der Blog nennt außerdem KI-Agenten, die Code schreiben. Über den Figma-MCP-Server, eine Schnittstelle für Agenten, lesen sie die 3D-Effekte aus und legen sie an.
Auch der Figma-Agent setzt den Effekt. Als Aufträge nennt die Hilfeseite zum Beispiel, Ebenen als Seiten eines Würfels anzuordnen und rotieren zu lassen oder Karten kippen zu lassen. Seit dem 6. Oktober 2026 verbraucht der Agent KI-Credits aus dem Monatskontingent deiner Lizenz, wie unsere Meldung zum Figma-Agenten zeigt. Wie viele Credits ein 3D-Auftrag kostet, beziffert Figma nicht, der Verbrauch hängt von Prompt, Aktionen und Kontext ab.
Was das für dich bedeutet
Probier den Effekt am besten zuerst an einem Mockup aus, das du ohnehin brauchst: Du kippst einen Screen oder ein Plakat in Position, und der Inhalt bleibt bearbeitbar. Wähl am besten gleich Turn into flat plane, wenn du auf dem Frame später Hintergrundfarbe oder Deckkraft brauchst, statt nach den verschwundenen Füllungen zu suchen.
Vor der Übergabe an Entwickler vergleichst du im Dev Mode translateZ, perspective und transform-style mit dem, was die Seite im Browser zeigen soll. Weil der Effekt noch in der Open Beta steckt, wartest du mit Kundenprojekten, deren Layout am Effekt hängt, am besten ab.
Eine regionale Einschränkung nennt Figma nicht. Die Hilfeseite liegt auf Englisch vor; ob die deutsche Oberfläche Bezeichnungen wie Perspective und Depth eindeutscht, ließ sich nicht prüfen.
Figma hat die Open Beta am 12. November 2026 in seinem Blog angekündigt.
Quellen
