FIGMA ADDS CODE LAYERS, ANIMATIONS, AI FEATURES

Figma's latest update brings three significant features aimed at streamlining the design-to-development workflow. Code Layers The new code layer feature allows designers to attach code directly to design elements. This bridges the gap between design and implementation, enabling developers to access code snippets tied to specific components without switching contexts. Motion and Shaders Figma now supports animations and shader effects natively within the platform. Designers can preview and prototype motion directly in Figma, reducing the need for external animation tools. Shader support enables more complex visual effects, giving designers greater control over advanced graphics rendering. AI-Powered Plugins The platform introduces AI-assisted plugin creation, allowing users to build custom plugins for specific tasks without extensive coding knowledge. This democratizes plugin development and lets teams automate repetitive design workflows tailored to their needs. These updates position Figma as a more comprehensive tool for design systems that span from concept through development. The code layer feature particularly addresses a common friction point where design specifications often get lost in translation during handoff to engineering teams. The additions reflect Figma's strategy to embed AI throughout its platform while maintaining focus on collaboration and developer integration. The features are rolling out to users over the coming weeks.