Figma adds code layers, animations, AI features
Original: Figma adds code layers, support for animations, more AI features in new update
Why This Matters
Figma strengthens position as all-in-one design platform by bridging design-engineering collaboration and reducing tool fragmentation.
Figma released an update on June 24, 2026, adding code layers to its design canvas, support for animations and 3D transforms, and new AI-powered features including custom plugin generation and shader effects.
Figma announced a major update bringing code integration directly to its collaborative canvas. The new code layers feature allows teams to clone repositories and extract code flows into design layers for testing, enabling designers, product managers, and engineers to iterate rapidly without focusing on production-quality code. Chief product officer Yuhki Yamashita emphasized that the multiplayer canvas environment enables exploration of multiple design directions simultaneously across teams. The update adds native support for animations, transitions, and 3D transforms, eliminating the previous need to create animations in external software. AI capabilities have been expanded to generate shader effects and fills, with plans to integrate Figma's acquired Weavy tool (a node-based workflow platform) later in the year. Users can now write text prompts to create reusable AI skills and connect external tools including Notion, Granola, Excel, and GitHub to provide AI agents with additional context. A new feature enables users to create custom plugins through prompts, such as layout generators or vector path tracers. This follows Figma's 2025 launch of Figma Make (an AI prompt-based prototyping tool) and integrations with Claude Code and Codex.