Figma announced an update on Wednesday that includes a new code layer, support for motion and shaders, and the ability to create custom plug-ins using artificial intelligence. The design platform has focused on code integration, recently unveiling an AI prompt-based prototyping tool, Figma Make, and launching integrations with Claude Code and Codex to enhance collaboration between coding and design.
The update introduces code layers to the collaborative canvas, allowing teams to clone repositories and extract workflows from code to design layers. Yuhki Yamashita, Figma’s chief product officer, stated that code layers facilitate iteration among designers, product managers, and programmers, enabling them to focus on exploring ideas rather than perfecting production 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.”
Additionally, Figma now supports animations, transitions, and 3D transforms, enabling designers to integrate these elements directly. Previously, animators had to work in different software and convert outputs for use in Figma.
The update also enhances AI capabilities, allowing users to create assets with shader effects and fills. Figma is working to better integrate Weavy, a node-based tool it acquired last year, into its platform. A future update will allow users to generate Weavy workflows directly within Figma.
Moreover, the AI assistant will gain new skills, enabling users to create repeatable tasks and connect with tools such as Notion, Granola, Excel, and GitHub, providing context for automated actions. Users will also have the ability to create custom plug-ins, including layout generators and vector path tracers, through the use of prompts.
