Figma Unveils AI Motion Graphics and Shader Tools at Config

AI | The Verge· June 24, 2026 View original

▶ The 60-second brief

Summary

Figma introduced new AI-powered design and coding features at its Config conference, including AI-generated motion graphics effects and coding layers. These updates aim to automate tedious tasks, enhance creative workflows, and optimize the canvas for full-stack development.

Figma has announced significant updates to its design and coding platform during its annual Config conference. A key highlight is the integration of artificial intelligence to streamline creative processes and automate repetitive tasks. Among the new features are AI-generated motion graphics effects, allowing users to create animations and transition effects by simply describing them to a chatbot interface. Additionally, Figma introduced coding layers, which enable direct code adjustments within the Figma Design canvas, enhancing the platform's utility for full-stack development. These enhancements are part of Figma's vision for a reimagined canvas that consolidates teams, AI agents, tools, and materials, fostering a more integrated and efficient design and development environment.

Why it matters

These new AI-powered tools in Figma can significantly accelerate design workflows, reduce manual effort in animation and coding, and foster greater collaboration between design and development teams.

How to implement this in your domain

  1. 1Explore Figma's new AI motion graphics features for rapid animation prototyping.
  2. 2Utilize coding layers to bridge the gap between design and front-end development.
  3. 3Integrate AI-driven design automation into existing creative workflows.
  4. 4Train design and development teams on the new Figma capabilities for enhanced collaboration.

Who benefits

Creative AgenciesSoftware DevelopmentUI/UX DesignMarketingGame Development

Key takeaways

  • Figma now offers AI-powered motion graphics and shader tools.
  • New coding layers allow direct code manipulation within the design canvas.
  • These features aim to automate tasks and enhance creative workflows.
  • Figma is evolving into a more integrated platform for full-stack development.

Original post by AI | The Verge

"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 t…"

View on X

Originally posted by AI | The Verge on X · view source

Want to go deeper?

Turn these trends into skills with Learnijoy's hands-on AI & tech courses.

Explore courses