Figma Adds AI-Powered Code Layers, Motion Tools, and Custom Plug-ins to Design Platform

Figma has unveiled a significant update to its collaborative design platform, introducing native code layers, motion and shader support, and AI-driven plug-in creation — deepening the role of artificial intelligence across its core product.

The centrepiece of the update is a new code layer built directly into Figma’s canvas, allowing teams to clone repositories and extract flows from existing codebases into design layers for rapid testing and iteration. Chief Product Officer Yuhki Yamashita described the feature as enabling designers, product managers, and engineers to explore ideas quickly without the pressure of producing production-ready code, taking advantage of Figma’s multiplayer canvas as a space for fast, low-stakes experimentation.

The platform now also supports animations, transitions, and 3D transforms natively, removing the previous requirement to build motion assets in separate tools before importing them. AI can be used to generate shader effects and visual fills directly within the environment.

Figma is also deepening integration with Weavy, the node-based AI media generation tool it acquired last year, with plans to allow users to generate Weavy workflows from within Figma later in 2026.

Further AI enhancements include an expanded assistant that accepts text prompts to create reusable agent skills, supports connections to tools including Notion, GitHub, and Excel, and enables users to build custom plug-ins such as layout generators through natural language prompts alone.