Bridging the Design-Code Gap
Figma’s latest update introduces "code layers" directly into the collaborative canvas. This feature allows teams to clone repositories and extract flows from code into design layers for testing. According to CPO Yuhki Yamashita, the goal is to provide a spatial environment for rapid exploration where the quality of the code is secondary to the speed of iteration, encouraging designers, PMs, and engineers to collaborate on logic and structure before finalizing production-ready code.
Native Motion and AI-Powered Assets
Designers can now implement animations, transitions, and 3D transforms directly within Figma, eliminating the need to use external software for motion prototyping. Additionally, the platform is expanding its AI capabilities to include the generation of shader effects and fills. Following the acquisition of Weavy, Figma is also integrating workflows that allow users to run media through various AI models directly within the design interface.
Extensible AI Agents and Custom Plugins
Figma is enhancing its AI assistant by allowing users to define "repeatable skills" via text prompts. These agents can be connected to external data sources and tools—including Notion, Granola, Excel, and GitHub—to provide context for specific tasks. Furthermore, the update introduces a prompt-based system for creating custom plugins, enabling users to build specialized tools like vector path tracers or layout generators without traditional development overhead.