Figma now has AI motion graphics and shader tools
TL;DR
At Config 2026, Figma introduced a redesigned canvas meant to bring design, code, teams, AI agents, tools, and assets into one shared workspace. Code Layers let users edit code inside the Figma Design canvas, clone repositories, turn flows into editable design layers, and sync changes back to code. Motion adds AI-generated animations, transitions, and 3D transforms. Users can prompt effects, apply presets, or refine them manually on a timeline.
Nauti's Take
This is a logical move, but not a harmless one. Prompted motion and shaders can lower friction for designers, yet they can also turn into an effects machine if teams lack strong design-system rules.
Code Layers is the more important piece: if syncing between design and repositories is genuinely reliable, Figma becomes much more central for product teams. If not, it is a polished demo wrapped in heavy PR language.
Briefingshow
Figma is moving further away from being just a design tool and closer to a product development platform. If code, motion, and shaders live in the same workspace, teams may switch less between specialist tools. The real test is whether the AI features produce maintainable output or simply make polished prototypes faster.
Sources