CreativeWednesday, June 24, 2026· 2 min read

Figma Boosts Design-to-Code Workflows With New AI-Powered Creative Tools

TL;DR

Figma’s latest update brings code layers, animation support, shaders, and AI-assisted custom plug-ins to its design platform. The changes could help designers and developers move faster from creative concepts to interactive, production-ready experiences.

Key Takeaways

  • 1Figma is adding a new code layer to help bridge design and development workflows.
  • 2Support for motion and shaders expands what teams can prototype directly inside Figma.
  • 3AI-powered custom plug-ins could automate repetitive tasks and tailor workflows to team needs.
  • 4The update strengthens Figma’s role as a collaborative hub for product design and front-end creation.

Figma is rolling out a major update that gives designers and product teams more power to create interactive, developer-friendly experiences in one place. The new features include a code layer, support for motion and shaders, and expanded AI capabilities for building custom plug-ins.

AI support for faster creative workflows

One of the most promising additions is the ability to create custom plug-ins for different tasks using AI. This could make it easier for teams to automate repetitive design work, customize their toolchains, and speed up the handoff between design and engineering.

The new code layer also points to a future where design files can more directly connect with real implementation details. For product teams, that means fewer translation gaps between visual mockups and working interfaces.

A richer canvas for product design

By adding support for animations, motion, and shaders, Figma is giving creators more room to prototype dynamic experiences without leaving the platform. It is an incremental but meaningful step toward making modern interface design more expressive, collaborative, and production-aware.

Get AI Wins in Your Inbox

The best positive AI stories delivered to your inbox. No spam, unsubscribe anytime.