Platform WatchJune 24, 2026via The Verge AI
Figma now has AI motion graphics and shader tools
Why it matters
Figma is collapsing the design-to-development handoff by embedding AI agents and code editing directly in the canvas. For product teams, this means fewer tools, faster iteration, and AI handling the grunt work of animation and styling—shifting how creatives and engineers actually work together.
Key signals
- AI-generated motion graphics via natural language prompts
- Native coding layers that allow code tweaks without leaving Figma canvas
- Reimagined canvas optimized for full-stack development
- AI agents and tools unified in single platform
- Announced at Figma Config 2026
The hook
Figma just shipped AI motion graphics and native coding layers. Design-to-dev workflow just got 10x faster.
Figma has unveiled some new design and coding product updates at its annual Config conference that aim to help creatives "push their ideas further" and automate tedious tasks with AI. Part of this is a reimagined canvas that's now optimized for full-stack development, according to Figma, bringing teams, AI agents, tools, and materials "together in one place."
Notable callouts include coding layers that let you tweak the code of your projects without leaving the Figma Design canvas, and AI-generated motion graphics effects, which allow you to make animations and transition effects by simply describing them to Figma's chatbot interface. You c …
Read the full story at The Verge.