Figma adds code layers, animations, and more AI agent features

TechCrunch reported that Figma introduced a product update adding code layers, support for motion and shaders, and more AI features. Code layers let teams clone repositories and extract flows from code into design layers for testing on the collaborative canvas. Figma is also adding animation, transition, and 3D transform support, plus AI-generated shader effects and fills. Its AI assistant is gaining repeatable skills that users can create with text prompts, with connections to tools such as Notion, Granola, Excel, and GitHub. The company is also adding prompt-based custom plugin creation, such as layout generators and vector path tracers.

Key details: Published June 24, 2026 at 09:15 PDT, Figma added code layers to the collaborative canvas, The update adds animation, transition, and 3D transform support, Users can create repeatable AI skills and custom plugins with prompts.

Why it matters: Design tools are becoming agent workspaces too; Figma is pulling code, motion, plugins, and AI skills into one collaborative surface.