Figma now has AI motion graphics and shader tools
TL;DR
Figma hat auf der Config 2026 ein neu gedachtes Canvas vorgestellt, das Design, Code, Teams, AI-Agenten und Materialien enger zusammenführen soll. Code Layers erlauben, Code direkt im Figma Design Canvas zu bearbeiten, Repositories zu klonen, Flows in editierbare Design-Layer zu ziehen und Änderungen zurück in Code zu synchronisieren. Motion bringt AI-generierte Animationen, Übergänge und 3D-Transforms: Effekte lassen sich per Prompt starten, mit Presets beschleunigen oder manuell auf einer Timeline feinjustieren.
Nauti's Take
Das ist ein logischer, aber auch riskanter Schritt. Motion und Shader per Prompt klingen nach weniger Friktion für Designer, können aber schnell zur Effektmaschine werden, wenn Teams keine klaren Design-System-Regeln setzen.
Spannender ist Code Layers: Wenn der Sync zwischen Design und Repository wirklich robust ist, wird Figma für Produktteams deutlich zentraler. Wenn nicht, bleibt es eine beeindruckende Demo mit viel PR-Sprache.
Einordnunganzeigen
Figma rückt weiter von einem reinen Design-Tool in Richtung Produktentwicklungsplattform. Wenn Code, Motion und Shader im selben Arbeitsraum landen, wird weniger zwischen Spezialtools gewechselt. Der kritische Punkt bleibt aber, ob diese AI-Funktionen sauberen, wartbaren Output liefern oder nur hübsche Prototypen schneller machen.
Quellen