Figma's annual Config conference wrapped its 2026 edition this week in San Francisco, and the announcements signal a fundamental shift in what the design platform intends to be. Rather than a tool where designers hand off static screens to engineers, Figma is positioning itself as a shared canvas where design, code, and AI workflows converge.
"No tool should limit where an idea can go," said CEO Dylan Field, setting the tone for a lineup of launches that touches every stage of the product development lifecycle.
Code Layers: Code as Design Material
The headline feature of Config 2026 is Code Layers — a capability that lets any design layer be converted into an interactive code layer with a single click or prompt. Teams can clone repositories, extract flows from existing codebases into Figma, and iterate on design and code simultaneously on the same canvas.
Chief Product Officer Yuhki Yamashita framed the philosophy clearly: "The multiplayer canvas is really powerful because this is an environment where you don't really care about the quality of the code" during early exploration — enabling rapid back-and-forth between design and engineering without context switching.
Code Layers begin rolling out in July 2026; interested teams can join the waitlist at figma.com/config-betas.
Figma Motion: Animations That Travel Across Files
Native timeline animation arrives in Figma Design. Figma Motion introduces keyframes, presets, and timeline controls directly on the canvas. Teams animate a component once and it carries through all screens and collaborator files automatically.
Export targets span CSS, JSON, React-ready code, and media formats including MP4, WebM, Animated SVG, and GIF. Motion is also MCP-compatible, meaning animations can be passed directly to coding agents as part of automated workflows. The feature began rolling out on June 24, 2026.
Shader Fills and Effects: AI-Generated Visual Materials
Figma's AI agent can now generate custom shader fills and effects from natural language descriptions or image references. Shaders arrive parameterized by default, with adjustable controls available directly on the canvas. Effects transform existing layers while fills act as entirely new materials for the design system. Interactive shaders are listed as coming soon.
Generative Plugins: Build Tools by Describing Them
Generative Plugins remove the barrier between needing a capability and having it. Designers describe the behavior, controls, and outputs they want — Figma generates the plugin without requiring a local development environment or Plugin API knowledge. Plugins can be shared within files immediately, with team and organizational publishing rolling out soon.
Weave Tools: AI Visual Workflows on the Canvas
Weave Tools bring a node-based canvas for building generative visual workflows directly into Figma. Teams can publish workflows as templates or tools for wider team use. Pre-built templates are available from day one to help teams get started quickly.
Figma Agent: Skills, Connectors, and MCP
The Figma Agent received a significant upgrade. It now supports Skills — packaged, reusable workflows that encode team conventions — and Connectors that reach external services including Notion, Slack, GitHub, Atlassian products, and Microsoft Excel. Agent conversations are visible to teammates by default, making AI-assisted work a collaborative rather than individual activity. The agent is also expanding to FigJam and Slides.
The Bigger Picture
These six launches collectively close a gap that has long defined the design-to-engineering handoff. Code Layers brings engineering into the design canvas. Motion removes the round-trip to After Effects or Rive. Shaders and Weave give designers AI-native creation tools without leaving their workflow. Generative Plugins democratize tooling. And the upgraded Agent ties external services into a connected creative environment.
For development teams, the MCP compatibility in Figma Motion and the GitHub connector in Figma Agent are particularly significant — they allow Figma to participate directly in agentic workflows alongside tools like Claude Code and Cursor, rather than sitting outside the automation loop.
Config 2026 ran June 23–25 in San Francisco. All features are in phased rollout; the full release schedule is available on the Figma Help Center.
Source: Figma Blog — Config 2026 Recap · TechCrunch Coverage