Figma now has AI motion graphics and shader tools
<figure>
<img alt="A collection of images showing the product updates announced at Config 2026." src="https://platform.theverge.com/wp-content/uploads/sites/2/2026/06/Figma-config-2026.jpg?quality=90&strip=all&crop=0,0,100,100" loading="lazy" />
<figcaption>
</figcaption>
</figure>
<p>Figma has <a href="https://www.figma.com/blog/config-2026-recap/" target="_blank" rel="noopener noreferrer">revealed some new design and coding product updates</a> at its <a href="https://config.figma.com/" target="_blank" rel="noopener noreferrer">annual Config conference</a> 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, <a href="https://www.theverge.com/news/783828/figma-make-ai-app-coding-mcp-server-update" target="_blank" rel="noopener noreferrer">AI agents</a>, tools, and materials "together in one place."</p>
<p>Notable callouts include coding layers that let you tweak the code of your projects without leaving the Figma Design canvas, and <a href="https://www.figma.com/blog/introducing-figma-motion/" target="_blank" rel="noopener noreferrer">AI-generated motion graphics effects</a>, which allow you to make animations and transition effects by simply describing them to Figma's chatbot interface. You c …</p>
<p><a href="https://www.theverge.com/tech/955831/figma-code-design-tools-config-2026-announcements" target="_blank" rel="noopener noreferrer">Read the full story at The Verge.</a></p>
