Tech
Jun 24, 2026
Figma Update Adds Code Layers, AI Features, and Animation Support
Figma's latest update introduces code layers, support for animations and shaders, and enhanced AI f…
The Evolution of Figma's Design Platform
Figma has unveiled a significant update to its design platform, adding a new code layer, support for motion and shaders, and the ability to create custom plugins using AI. This move aims to enhance collaboration between designers, product managers, and programmers.
Code Layers and Integration
The update introduces code layers directly to the collaborative canvas, allowing teams to clone repositories and extract flows from code to design layers for testing. This feature, according to Figma's chief product officer Yuhki Yamashita, makes it easier for teams to iterate on ideas rather than focusing on creating pristine code for production.
Enhanced Animation and AI Support
Figma now supports animations, transitions, and 3D transforms, enabling designers to integrate these elements directly into the platform.
The update also adds support for shader effects and fills using AI.
AI-Powered Features and Customization
Users can create custom plugins, such as layout generators or vector path tracers, using prompts.
The AI assistant has been enhanced with new skills, allowing users to write text prompts to create repeatable skills that AI agents can use.
Integration with tools like Notion, Granola, Excel, and GitHub is also available.
The Future of Figma's Development
The company plans to further integrate its acquired node-based tool Weavy, allowing users to generate Weavy workflows directly within Figma later this year. This update signifies Figma's continued effort to bridge the gap between design and development, making the process more efficient and collaborative.
#Figma
#AI
#Design
Read More