Figma now has AI motion graphics and shader tools
TL;DR
At Config 2026, Figma announced a redesigned canvas built more explicitly around full-stack product work. Code Layers let teams work with code inside Figma Design: clone repositories, generate directions with Figma’s agent, extract flows into editable design layers, and sync changes back to code. The headline creative tools are AI Motion for prompted animations, transitions, and 3D transforms, plus WebGPU-based shader effects like dither, pixelate, and new blur styles.
Nauti's Take
The direction is obvious: Figma wants to control more of the path from product idea to runnable product, not just the visual spec. Prompted motion and shaders are useful for teams that used to bounce between After Effects, CodePen, and handmade CSS experiments.
The caveat is that a lot of this still sounds like Config-stage PR. The real test is whether Code Layers and syncing reduce daily friction or create another place where design and code drift apart.
Briefingshow
Figma is moving further away from being just a design file and closer to a production workspace. When code, motion, shaders, and agents live on the same canvas, the gap between design system, prototype, and frontend implementation gets smaller. That can speed up teams, but it also raises the risk of turning Figma into an overloaded all-in-one surface.
Sources