Figma now has AI motion graphics and shader tools

At a glance:

• Figma launches AI-powered motion graphics and shader tools at Config conference
• New code layers enable direct code editing within design canvas
• Integration with Figma Weave workflows brings 20+ AI tools to canvas

Figma unveiled a suite of AI-driven updates at its annual Config conference, aiming to streamline creative workflows and bridge the gap between design and development. The updates include a reimagined canvas optimized for full-stack development, allowing teams to collaborate with AI agents and tools in a unified environment. These enhancements reflect Figma's push to integrate artificial intelligence into creative processes, reducing manual effort and enabling more dynamic design outputs.

The new creative materials introduced focus on expanding design possibilities. Code layers let users edit project code directly on the Figma Design canvas, including cloning repositories, generating code with AI agents, and syncing changes back to codebases. Motion tools enable collaborative animation and transition design, with AI-assisted prompt-based creation and timeline adjustments. Shaders, powered by WebGPU, allow custom visual effects like dithering and pixelation, previously unavailable in Figma. Additionally, Figma Weave workflows integrate over 20 AI tools for generating consistent visuals, marking the first phase of full Weave integration expected later this year.

On the collaboration front, Figma introduced agent skills that convert repetitive tasks into reusable team tools, enhanced with third-party connectors, web search, and file attachments for deeper context. Generative plugins extend Figma's functionality, letting users create and share custom plugins via AI prompts without requiring development expertise. These tools aim to democratize advanced design capabilities while maintaining precision and consistency across teams.

The updates position Figma as a more robust platform for both designers and developers, aligning with industry trends toward AI-assisted creativity. By embedding AI into core design processes, Figma seeks to reduce friction between ideation and implementation, particularly for complex visual effects and interactive prototypes. The integration with WebGPU for shaders also highlights the platform's commitment to leveraging modern web technologies for performance and flexibility.

While the features are promising, their real-world impact will depend on adoption rates and how seamlessly they integrate into existing workflows. The emphasis on no-code plugin creation could attract non-technical users, but may also raise questions about customization limits compared to traditional development approaches. The full Weave integration later this year will likely be a critical milestone for Figma's AI strategy.

These developments come as creative software companies increasingly compete to offer AI features. Adobe and Canva have similarly integrated generative AI tools, but Figma's focus on code collaboration and shader effects may differentiate it in the developer-designer crossover market. The company's approach suggests a long-term vision where AI acts as a collaborative partner rather than a standalone tool.