You can also work directly with code on the Figma Design canvas, thanks to code layers.

With code layers in Figma Design, you can explore multiple directions with code, side by side with your team.

Push past what you thought was possible with code layers, Figma Motion, shaders, generative plugins and Weave tools, all on the canvas.

Motion now lives on the canvas—in the same file as your components, your variables, and your team—so your designs can come to life from day one.

Figma unveiled code layers, animation support, AI-generated shaders, custom skills for its AI assistant, and deeper Weavy integration at Config 2026.

Figma's update adds a new code layer, support for motion and shaders, and the ability to create custom plugins for various tasks using AI.

You can also work directly with code on the Figma Design canvas, thanks to code layers.

At Config 2026, Figma turned its canvas into a full workspace with code, animation, shaders, and AI agents. But the intelligence powering all of it is rented from API providers,…