Figma announced a significant platform update on June 24, 2026, introducing code layers directly to its collaborative canvas, native animation support, and expanded AI capabilities for designers, developers, and product managers.
The most notable addition is code layers, which allow teams to clone repositories and extract flows from code into design layers for testing — all within Figma’s shared canvas. Chief Product Officer Yuhki Yamashita said the feature is designed to encourage rapid exploration rather than polished, production-ready code. “We think the multiplayer canvas is really powerful because this is an environment where you don’t really care about the quality of the code,” he said. “If you’re rapidly exploring or need to kind of explore a bunch of new directions, you can do that in this spatial way.”
Figma has been building toward deeper code integration for some time. Last year, the company launched Figma Make, an AI prompt-based prototyping tool, and has since added integrations with Claude Code and Codex to improve the handoff between design and development.
The update also brings native support for animations, transitions, and 3D transforms. Previously, designers had to create animations in separate software and convert them to code. Now those elements can be built directly inside Figma, with AI available to help generate certain assets, including shader effects and fills.
On the AI front, users can now write text prompts to create reusable skills for AI agents, connect external tools such as Notion, Granola, Excel, and GitHub, and attach files to give the AI assistant more context. A new feature also lets users generate custom plug-ins — such as layout generators or vector path tracers — using prompts.
Figma also confirmed that a later 2026 update will allow users to generate workflows from Weavy, a node-based tool the company acquired last year, directly within Figma.
Source: TechCrunch