Config 2026: Figma Motion, shader fills and generative plugins

At Config 2026 on 24 June, Figma announced a set of tools that push the canvas further toward motion and code. CMSWire summarised the launches.

Figma Motion

Motion adds a timeline with keyframes and presets directly in Figma. Animations can be exported in formats developers and editors already use, including CSS, JSON, React, MP4, WebM, animated SVG and GIF.

Code layers, shaders and plugins

Code layers let you turn a design layer into an interactive code layer with a click or a prompt; early access started in July and later moved to open beta. Shader fills and effects can be generated from text or image prompts, and generative plugins let you build a custom tool by describing what it should do, without setting up a development environment.

Why it matters

Motion used to be a hand-off to another app. Keeping timing and easing next to the layout makes it easier to design interactions as part of the system, and to export them in a form a developer can use as-is.