Figma adds code layers, support for animations, more AI features in new update

Figma released a significant update this week, introducing a new code layer feature that allows designers to directly integrate code snippets into their designs. This enhancement aims to bridge the gap between design and development by enabling designers to see and interact with functional code within the Figma environment. The update also brings robust support for motion and shaders, empowering designers to create more dynamic and visually rich prototypes. This includes the ability to implement complex animations and visual effects that were previously challenging to represent accurately in design tools. Furthermore, Figma has expanded its artificial intelligence capabilities, enabling users to create custom plugins for a variety of tasks. These AI-powered plugins can automate repetitive design processes, generate design assets, and assist in other creative workflows, thereby increasing efficiency and opening new possibilities for design customization. The company stated that these new features are designed to streamline the design-to-development handoff and enhance the overall creative process for design teams.