Figma Expands Canvas With Code, Motion, and AI Agents at Config 2026

At its annual Config conference in San Francisco on June 24, 2026, Figma rolled out a suite of updates that transform its design canvas into a workspace for code, animation, 3D effects, and AI agents. The company says 95 percent of Fortune 500 companies now build their products in Figma.

Figma is introducing Code Layers, which let design and code live side by side on the same canvas. Users can generate code from a design, prompt it through an agent, or import a repo from GitHub. From a code layer, they can drag out editable design layers, tweak them directly, and convert them back to code. The feature is rolling out in beta.

Motion, depth, and shaders join the canvas

Figma Motion brings animations, transitions, and timelines directly into the design system. They can be edited collaboratively, generated through an agent, and pushed to production via Dev Mode and MCP. A new depth layer enables 3D transformations, allowing designers to shape perspective directly rather than faking it with stacked shadows. The shader feature uses WebGPU for effects like dithering, pixelation, and surfaces that look like frosted glass or polished chrome. Users describe the effect they want, and an agent generates it with adjustable controls.

• Figma integrates Weave, the workflow system it acquired last year, as an "AI material" that lets teams combine multiple models and image sources into a cohesive design direction.
• Over 20 Weave tools are available on the canvas starting this week, with full integration expected later this year.
• Agent Skills lets users define custom commands like /contrast-improvements and share them team-wide.
• Generative Plugins allow users to build their own reusable tools through prompts, no dev environment needed.

AI costs and competitive pressure

Figma's AI features rely on external models from providers like Anthropic, which is also building competing design tools. High inference costs are squeezing Figma's profit margins, prompting the company to focus on tighter integration of design and code to reduce token consumption. The company is betting on human judgment and smarter token usage instead of building its own models. As AI-generated interfaces become cheap, Figma aims to differentiate by giving designers more control and collaboration tools. The new features let teams share successful AI prompts, workflows, and custom plugins, making it easier to build on each other's results.

What comes next: Figma plans to fully integrate Weave later this year and continue expanding its canvas capabilities. The company's strategy hinges on keeping users on its platform as AI competitors like Anthropic and OpenAI increasingly offer tools that generate interfaces directly. Whether the bet on human judgment and collaboration will be enough to offset margin pressure and competition remains to be seen.