Config 2026: Figma Motion in beta, Weave on the canvas, generative shaders and preview of 3D transformations

Figma celebrated its annual Config conference this June 24, 2026 with a keynote by Dylan Field and a wave of ads that turn the canvas into a more expressive space: Motion with native timeline, Weave integration, generative plugins with shaders, export improvements and a 3D transformation preview. The full keynote is on YouTube; The clips that Figma published in X are played here with the same player as the rest of the news.

Figma Motion: the canvas now has a timeline

The star announcement of the day is Figma Motion: a new mode alongside Design, Draw and Dev that adds an animation timeline directly to the file. According to the official blog post, any frame can go to Motion mode to keyframe position, scale, rotation and opacity; stack preset animation styles (fade, move, scale); and comment on specific moments in time.

Figma confirms that Motion is now available in open beta. Starter users access with limited exports; Full seats in all plans can use motion primitives and export. Full integration with design systems and the Figma agent for motion are reserved for paid plans. Announcement on

The blog highlights two pieces of system that change the workflow: animated components — the motion travels with the component such as fill or typography — and motion variables with modes that update all referenced animations when changing pages. Shaders extend the animatable: any property exposed by a shader can be keyframed. Motion also supports MCP, so a code agent receives the full context of the animation.

Weave comes to the design canvas

Figma integrates tools from Figma Weave—its AI creative product—into the main canvas. The live demo shows how Weave flows coexist with design frames in the same file, in line with the post Connecting Figma and Weave.

3D Transformations – Live Preview

Figma advanced native 3D transforms: rotate frames, vectors and text on the Z axis with on-canvas controls and real-time preview. Each transformation remains editable and the result is exported to CSS and connected via MCP—combinable with Motion for spatial prototypes that previously required external tools. The product is not yet available; Figma opened waitlist from the Motion blog.

Generative Plugins and Shadersville

In a live session with @rogie and @georgiarust3, Figma walked through generative plugins and a tour of Shadersville: shader effects whose properties can be animated in the Motion timeline. It is the direct response to the historical limitation of animatable properties in Figma.

Export without leaving the flow

Motion allows you to export animated frames as MP4, GIF, SVG or WEBM from the file itself — useful for aligning stakeholders before handoff. The light-hearted tone of the Figma clip—“Screaming crying exporting”—sums up the relief of teams that previously jumped between After Effects, Lottie, and the canvas to close out an animation.

What it means for design and development

Config 2026 pushes Figma beyond the static mockup. Motion reduces the broken handoff between design and code; Weave brings AI generation closer to the production file; 3D transforms and shaders expand the visual vocabulary without third-party plugins; and Dev Mode delivers CSS and motion.dev ready to deploy. For product teams, the message is clear: animation stops being a last-minute “extra” and becomes part of the design system from the first frame.

«Atomic design is now atomic motion design because I have keyframes on the canvas. It’s the last big piece in the interactive world.”