'Code is material for design': Figma announces new code layers at Config 2026
'Code is material for design': Figma announces new code layers at Config 2026

Photo by: Miles Cull / Snappr News

'Code is material for design': Figma announces new code layers at Config 2026

Figma unveiled new coding, animation and AI features at its Config 2026 conference in San Francisco, including code layers, native motion support, generative plugins and AI agent upgrades.

Figma on Wednesday unveiled new coding, animation and AI features for its design software, deepening its push to make the platform a shared workspace for designers and developers.

Attendees gather at Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026.
Attendees gather at Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026.
Attendees gather at Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. · Miles Cull / Snappr News

The updates, announced at the company's Config 2026 conference in San Francisco, California, include code layers, generative plugins, shader support and motion animation tools built into Figma's collaborative canvas.

"Code is not the opposite of design. Code is material for design," CEO Dylan Field said.

Figma CEO and co-founder Dylan Field delivers his opening keynote address during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026.
Figma CEO and co-founder Dylan Field delivers his opening keynote address during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026.
Figma CEO and co-founder Dylan Field delivers his opening keynote address during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. · Miles Cull / Snappr News

The code layers feature lets teams bring software repositories and code flows into Figma for testing, while also turning design layers into interactive code elements.

Figma product manager Nikolas Klein demonstrates the use of code layers in the canvas.
Figma product manager Nikolas Klein demonstrates the use of code layers in the canvas.
Figma product manager Nikolas Klein demonstrates the use of code layers in the canvas. · Miles Cull / Snappr News
Figma product manager Nikolas Klein speaks during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. Klein said Figma is adding code layers directly to its software, allowing teams to clone repositories and extract flows from code into design layers for testing.
Figma product manager Nikolas Klein speaks during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. Klein said Figma is adding code layers directly to its software, allowing teams to clone repositories and extract flows from code into design layers for testing.
Figma product manager Nikolas Klein speaks during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. Klein said Figma is adding code layers directly to its software, allowing teams to clone repositories and extract flows from code into design layers for testing. · Miles Cull / Snappr News

Figma also introduced native motion support for animations, transitions and 3D transforms, reducing the need for designers to use outside tools before handing work to developers.

Figma product manager Dave Hornsby and software engineering director Piers Cowburn speak during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. Hornsby and Cowburn announced support for motion on Figma's collaborative canvas, allowing teams to create animations directly in the software.
Figma product manager Dave Hornsby and software engineering director Piers Cowburn speak during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. Hornsby and Cowburn announced support for motion on Figma's collaborative canvas, allowing teams to create animations directly in the software.
Figma product manager Dave Hornsby and software engineering director Piers Cowburn speak during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. Hornsby and Cowburn announced support for motion on Figma's collaborative canvas, allowing teams to create animations directly in the software. · Miles Cull / Snappr News

Other updates include Figma's Weave AI workflow, generative plugins, shader tools and upgrades to its AI agent, which can build reusable skills from text prompts and connect to outside services including Notion, GitHub and Microsoft Excel.

Figma product manager Georgia Rust and product designer Rogie King demonstrate new features of the design platform, including the addition of generative plugins, and the support for shaders, during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026.
Figma product manager Georgia Rust and product designer Rogie King demonstrate new features of the design platform, including the addition of generative plugins, and the support for shaders, during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026.
Figma product manager Georgia Rust and product designer Rogie King demonstrate new features of the design platform, including the addition of generative plugins, and the support for shaders, during Figma's Config 2026 product launch at Moscone Center in San Francisco, California, U.S., June 24, 2026. · Miles Cull / Snappr News

The announcements build on Figma's efforts to expand beyond design into software development workflows, following integrations last year with Anthropic's Claude Code and OpenAI's Codex.

No media for this story yet.

Related stories

View all