At Config 2026, Figma announced three major additions to its design canvas: code layers that let designers edit project code without leaving Figma, AI-powered motion graphics that generate animations from text prompts, and shader tools for creating visual effects. The moves compress the handoff between design, animation, and engineering into a single workspace.
The design-to-code gap is where momentum dies. Designers ship static files; engineers rebuild what should have been obvious; AI vendors circle. Figma is closing that loop. If code layers produce output engineers trust and AI motion saves time instead of creating cleanup work, the company keeps control of the workflow every startup already built around.
The real test is whether teams actually use these tools or treat them as novelty. Do code layers reduce back-and-forth? Does AI-generated motion ship faster than hand-coded animation?
Figma is defending its turf before AI coding tools and vibe-design products wedge themselves between idea and ship date. If the canvas becomes the place where a designer can sketch, animate, and change live code in one sitting, Figma keeps control of the workflow that every startup and product team already built around. The pitch is speed. The real prize is lock-in.
Filed to the Technology desk · Jun 24