Figma has introduced a suite of new AI-driven motion graphics and shader tools, significantly expanding its capabilities for designers and developers. As of early 2026, these features enable users to create dynamic animations, custom visual effects, and real-time shaders directly within the Figma Design canvas, without needing to switch to external animation or rendering software.
AI-Powered Motion Graphics
Figma’s new motion graphics tools leverage machine learning to automate complex animation sequences. Users can generate smooth transitions, keyframe-based movements, and interactive micro-interactions by simply describing the desired effect in natural language or by adjusting intuitive sliders. This reduces the time traditionally required for manual animation and makes motion design accessible to non-experts.
Shader Tools for Visual Effects
The platform now includes a dedicated shader editor that allows designers to apply GPU-accelerated visual effects to elements. With AI-assisted shader generation, users can create gradient overlays, noise effects, custom lighting, and other real-time pixel manipulations. The shader tool supports GLSL and HLSL snippets, with AI suggestions for optimizing performance across different devices.
Code Layers on the Design Canvas
A notable addition is the ability to embed and edit code directly on the Figma Design canvas. These “code layers” allow developers to prototype interactive components, test styles, or implement logic without leaving the design environment. The code layers are live, meaning changes made to the code instantly update the visual representation, bridging the gap between design and development.
Context for 2026
This release aligns with the broader industry trend toward integrating AI into design tools. In 2026, Figma’s competitors—such as Adobe XD and Sketch—have also introduced AI features, but Figma’s focus on real-time collaboration and code-level integration sets it apart. These tools aim to streamline workflows for product teams, especially as the demand for interactive, animated UI in web and mobile applications continues to grow.
Impact and Availability
The new tools are available to Figma Enterprise and Figma Professional users starting January 2026, with a public beta for individual creators rolling out in the coming months. Early adopters report significant time savings in prototyping, with some tasks—like creating animated loaders or hover effects—being reduced from hours to minutes.
Figma continues to emphasize that these AI features are designed to augment, not replace, human creativity, providing a starting point that designers can refine and customize.
via The Verge