Editorial illustration for Figma launches AI motion graphics, shader tools, code layers, and new creative materials
Figma launches AI motion graphics, shader tools, code...
Figma's latest update targets more than interface clutter. It takes aim at the org chart. At its Config conference, the company baked motion graphics, shader effects, and live code layers directly into its design canvas.
You prompt. An AI agent, built on Nvidia Triton and Llama 3, generates. You drag a GitHub repo in, edit code like a layer, and push changes back.
These aren't separate apps. They're tools on the same surface where you'd nudge a button. The sprawling Weave AI platform, with over twenty tools, is being wired straight in.
The goal is transparent: make the tedious, specialized parts of the work vanish into a prompt.
Notable callouts include coding layers that let you tweak the code of your projects without leaving the Figma Design canvas, and AI-generated motion graphics effects, which allow you to make animations and transition effects by simply describing them to Figma’s chatbot interface.
This reframes Figma's entire premise. The canvas is now a runtime environment, not a static picture. When code sits as a layer and a shader spawns from a typed sentence, the old walls between designer, animator, and engineer crumble into mere administrative friction.
The bet is clear. The future isn't about drawing things perfectly. It's about describing what you want them to do.
The job becomes direction, not draftsmanship. For every other design tool, this sets a brutal new benchmark: can it execute? Fail that, and it's just a very pretty notepad.
Related Reading
Research & Benchmarks Google's FACTS benchmark shows 70% factuality ceiling across four tests
Research & Benchmarks Databricks finds multi-step agents beat single-turn RAG by 21% to 38% on STaRK
Research & Benchmarks Nvidia's DLSS 4.5 beta adds 6x Multi Frame Generation for RTX 50 GPUs
From Archives NVIDIA RTX PRO 4500 Blackwell GPUs Power New Amazon EC2 G7 Instances
From Archives Stanford researchers present agentic AI 'scientists' at VB Transform 2026
Common Questions Answered
What AI technologies power Figma's new motion graphics and shader tools?
Figma's latest AI features are built on Nvidia Triton and Llama 3, enabling an AI agent that generates motion graphics and shader effects directly on the design canvas. Users can simply prompt the AI to create these effects, which are then rendered as native design elements without leaving the application.
How do Figma's new code layers allow developers and designers to collaborate?
Figma now allows users to drag GitHub repositories directly into the design canvas and edit code as if it were a design layer, then push changes back to the repository. This eliminates the need to switch between separate applications, enabling developers and designers to work on the same surface simultaneously.
What is the Weave AI platform and how does it change Figma's design philosophy?
Weave is Figma's sprawling AI platform that transforms the design canvas into a runtime environment rather than a static picture. This shift means designers can now describe what they want elements to do rather than manually drafting them, fundamentally changing the role from draftsmanship to creative direction.
How does Figma's new canvas approach break down traditional barriers between designers, animators, and engineers?
By consolidating motion graphics, shader effects, code layers, and design tools onto a single canvas, Figma eliminates the need for separate applications and workflows. This integration reduces administrative friction and allows all three roles to work collaboratively on the same surface, treating code and design as equally editable layers.
