ModelsToolsBusiness

Figma adds Code Layers, motion tools, depth and WebGPU shaders plus stronger agent workflows

At Config 2026 Figma launches Code Layers, native motion and 3D/depth features, WebGPU‑powered shaders, and deeper agent/Weave integrations for designers and engineers.

In detail

  • Code Layers: work with repos directly on the canvas, generate code from designs, apply changes via branches/commits/PR‑style flow; beta rollout
  • Motion: built‑in animations, transitions and 3D transforms with AI prompting, timeline editing and pipeline to production via Dev Mode and MCP
  • Depth & Shaders: new depth layer for perspective controls; shader effects (dither, pixelate, multiple blurs, frosted glass/chrome) implemented using WebGPU
  • Agents & Weave: team‑level agent skills and richer context; planned deeper integration with Weave workflows (20+ tools) later this year

Why it matters

Bringing code, motion and AI into one collaborative canvas shortens the designer‑engineer loop and speeds prototyping; relying on external models shifts the value toward human judgment and workflow tooling.

For you Evaluate the Code Layers beta on a small cross‑functional project to see if it simplifies handoffs and fits your repo/CI workflow.

← All news

Summaries are generated automatically and link to the original source.