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.