Figma bringt KI-Animationen, Shader und Code direkt auf den Design-Canvas
TL;DR
Figma hat auf der Config 2026 eine überarbeitete Design-Canvas vorgestellt, die stärker auf Full-Stack-Workflows ausgelegt ist. Code Layers sollen Code direkt in Figma Design bearbeitbar machen: Repos klonen, Varianten mit dem Agenten erzeugen, Flows in Design-Layer ziehen und Änderungen zurück in den Code syncen. Neu sind außerdem AI-Motion für Animationen, Übergänge und 3D-Transforms per Prompt sowie Shader-Effekte auf WebGPU-Basis, etwa Dither, Pixelate und neue Blur-Typen.
Nauti's Take
Das ist Figma gegen den Tool-Friedhof im Produktteam: weniger Screenshot-Pingpong, mehr lebender Canvas. Für KI-Builder wird spannend, ob Code Layers wirklich Sync kann oder nur eine hübschere Quelle für Merge-Konflikte baut.
Einordnunganzeigen
Figma rückt damit weiter aus der reinen Design-Datei in Richtung Produktionsfläche. Wenn Code, Motion, Shader und Agenten im selben Canvas landen, wird die Grenze zwischen Designsystem, Prototyp und Frontend-Umsetzung kleiner. Für Teams klingt das effizient, erhöht aber auch den Druck, Figma nicht zum unübersichtlichen Alles-in-einem-Tool werden zu lassen.
Quellen