Figma ships Code Layers, Motion, and shader fills at Config 2026
Figma announced Code Layers (converting any design layer into an interactive code layer), Figma Motion (timeline-based animation with keyframes, exporting to CSS/React/MP4/GIF and more), shader fills and effects, and an enhanced Figma Agent with custom tools and connectors to apps like Notion and GitHub.
Why it matters
Code Layers and Motion close a long-standing gap between design tools and production output — less manual hand-off between designers and engineers for both interactive code and animation.
Who should care
Product designers and design-engineering teams on Figma
What you can do
Try Code Layers on an existing design file to see how much of the code-handoff step it actually removes for your team's workflow.