Figma has shipped three AI-driven capabilities directly into its canvas: custom shader creation, on-brand image generation via Weave tools, and motion design through an agent called Figma Motion. The video runs just over six minutes and covers each feature in sequence, with timestamps starting at 0:27 for shaders, 2:45 for imagery, and 4:15 for motion.
The shader editor is the most technically distinct addition. It lets designers write or generate GLSL-style visual effects without leaving Figma, which historically required a separate graphics pipeline. The Weave image tools aim to solve brand consistency at generation time, not after. Figma Motion uses an agent model, meaning it interprets design intent rather than requiring manual keyframe work.
The full video is worth watching for the shader workflow specifically. Seeing how Figma bridges a GPU-level primitive with a no-code interface is the real story here, and the six-minute runtime means there is no wasted time. Check Figma's agent custom tools documentation for the technical architecture behind the motion agent.
[WATCH ON YOUTUBE →]