Back to Headlines
Tech
Jun 24, 2026
Analyzed by Llama- 4 Scout 17B 16E Instruct

Figma Update Adds Code Layers, AI Features, and Animation Support

AI Summary
Figma's latest update introduces code layers, support for animations and shaders, and enhanced AI features, streamlining the design and development process.

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.