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

Figma released a major update introducing code layers, motion and shader support, and AI-powered custom plugin creation capabilities. These features enhance the design platform's technical depth and automation potential, positioning Figma as a more comprehensive tool for developers and designers working with interactive and dynamic content.

Figma's latest update represents a strategic expansion into deeper technical functionality, moving beyond traditional UI/UX design into code generation and animation support. The addition of code layers bridges the gap between design and development workflows, allowing designers to work closer to implementation without context switching. Motion and shader support address growing demand for interactive and visually complex digital experiences, particularly relevant as web standards evolve to support richer animations and graphics processing.

This update reflects broader industry trends in design tooling convergence. As design systems mature, the distinction between design tools and development environments continues to blur. AI-generated custom plugins introduce automation at the task level, reducing repetitive work and accelerating project timelines. This aligns with widespread AI integration across creative software, following similar moves by competitors like Adobe.

The implications for the market are substantial. Enhanced developer integration could increase Figma's stickiness among technical teams, potentially expanding its addressable market beyond traditional designers. The AI plugin capability signals Figma's investment in automation infrastructure, positioning it competitively as enterprises demand AI-augmented workflows. For users, these features reduce friction in design-to-development handoffs and accelerate iteration cycles.

The trajectory suggests Figma will continue layering technical capabilities to serve hybrid design-developer roles. Watch for adoption metrics among engineering teams and whether these features influence enterprise purchasing decisions. Integration depth with development environments and the quality of AI-generated code will determine practical impact.

• →Code layers feature reduces design-to-development handoff friction and workflow context switching.
• →Motion and shader support enable more complex interactive design directly within Figma.
• →AI-powered custom plugins automate repetitive design tasks and accelerate project workflows.
• →Update positions Figma as technical tool rather than pure design software, expanding potential user base.
• →Feature set indicates Figma's competitive strategy against Adobe and emerging design-dev convergence tools.