Figma adds code layers, support for animations, more AI features in new update
What it does
Figma’s latest update introduces a new code layer that embeds live code directly within design files. It also brings support for motion animations and shaders, enabling richer visual effects inside projects. Additionally, the update expands AI-driven capabilities, allowing users to create custom plug-ins that automate a variety of design and development tasks.
Why it matters
Embedding live code in designs bridges the gap between design and development, accelerating prototyping and reducing handoff friction. Motion and shader support elevate UI fidelity, making it easier to build more dynamic, engaging interfaces from a single tool. Opening up AI-powered custom plug-ins empowers teams to tailor workflows, cut repetitive work, and scale creative or technical processes. Together, these features strengthen Figma’s position as a one-stop platform for design-to-code workflows, putting more control and automation in users’ hands.
Who it is for
Designers who need to prototype motion-rich and shader-enhanced interfaces will find these new features valuable. Developers benefit by accessing live code snippets directly within design files, reducing translation errors. Product teams and agencies that rely on customized workflows can build AI plug-ins suited to their specific needs, speeding up everything from generating design assets to code reviews.
The catch
While adding live code layers and animations pushes Figma beyond pure design, it may raise the complexity of managing design files and require developers to become more involved early in the creative process. Custom AI plug-in development demands technical expertise, which could limit adoption to teams with developer resources. The quality and usefulness of AI automation still depend heavily on how well these custom tools are built and maintained.
What to watch next
Check if Figma expands support for other programming languages or frameworks within the new code layers, as that will influence adoption by diverse developer teams. Monitor how the community embraces motion and shader features in actual projects and whether it spurs new standards for interactive UI design. Also, see if third-party developers create a robust ecosystem of AI plug-ins, which could make these automation tools more accessible and practical for smaller teams.
AI Quick Briefs Editorial Desk
