Figma adds AI motion graphics, shaders, and code layers at Config 2026

Figma rolled out a suite of AI-powered tools at its annual Config conference, reimagining the design canvas for full-stack development. The headline features include AI motion graphics — users can describe animations or transitions in natural language via Figma’s chatbot interface, apply preset styles, or manually adjust a timeline. Shader effects, powered by WebGPU, enable custom visual treatments like dither, pixelate, and blur that were previously unavailable in Figma. A new code layer feature allows designers and developers to clone repositories, edit code, and sync changes directly on the canvas, bridging the gap between design and engineering.

Beyond creative tools, Figma introduced agent skills that turn repetitive tasks into sharable workflows, plus third-party connectors and web search for richer context. Generative plugins let users build custom, reusable plugins via prompts without coding. Figma Weave workflows provide 20+ integrated tools for consistent AI-generated visuals, with a full Weave integration expected later this year. The updates position Figma as a unified platform for creative teams and developers, moving beyond static design into animated, code-driven, and AI-augmented production.