Summary of Figma's New Features Announced at Config 2026
This page has been translated by machine translation. View original
Figma's annual conference Config 2026 was held from June 23 to 25, 2026.
As widely anticipated, this edition featured many additions around AI and code conversion, with the animation features attracting particular attention.
This article summarizes the 8 features announced at this Config below.
Key Features Announced at Config 2026
Figma Motion, Generative plugins, Shaders, Figma Weave Tools, and Figma agent are available starting today, while Code Layers, FigJam agent, and Slides agent are coming soon.
Features Already Available
Figma Motion
Figma Motion is a feature that lets you easily create timeline animations directly within Figma. Previously, dedicated tools were required for animation production, but now you can build animations directly on the canvas using timelines, keyframes, and presets.
All the essential features for timeline animation are included, such as position, opacity, scale, rotation, fade in/out, and easing. Animations you create can be reviewed in Dev Mode and exported in a wide range of formats including CSS, JSON, React code, MP4, WebM, Animated SVG, and GIF.
Generative plugins
Generative plugins is a feature that lets you generate your own custom plugins simply by describing what you want them to do. Previously, creating custom plugins for Figma required setting up a development environment and knowledge of the plugin API, but with Generative plugins you can build them without any local environment or API knowledge.
Plugins you create can first be shared within a file, with plans to gradually make them available to teams, organizations, and the community in the future.
Shaders
Shaders is a shader feature that lets you create textures and effects simply by giving instructions to AI. They can be generated by writing a prompt or by passing an image as a reference, and after generation they are parameterized so you can adjust them directly on the canvas.
They can be combined with other effects, and since generated shaders are treated as code, they are easy to share and reuse. Note that interactive shaders are scheduled to be available soon.
Figma Weave Tools
Figma Weave Tools is a feature that brings Figma Weave's generative workflows directly to the Figma canvas. Tasks such as style transfer, image generation, and asset extraction can be performed directly within your design work.
Workflows you assemble can be published as templates, and other users can remix and use them.
Figma agent
Figma agent is an AI agent that reads context on the canvas and assists with your work. A key feature is a system called Skills, which lets you package your own workflows and design conventions as reusable instructions for the agent. You can create Skills yourself, use ones from your team, or import them from the community.
It also integrates with external services such as Notion, Slack, and GitHub, and interactions with the agent are shared with your team by default, allowing you to proceed while seeing what other members are doing.
Coming Soon / Early Access Now Open
Code Layers
Code Layers is a feature that converts design layers into interactive code that can be edited, duplicated, and compared on the Figma canvas. Any design layer can be converted to a code layer with a single click, and multiple versions can be placed side by side for exploration within the same file.
The entire team can iterate while leaving comments, and converting back from code to design layers is also supported. A rollout is planned for July, and a waitlist is now open.
3D transforms
3D transforms is a feature that lets you apply 3D transformations to layers. This is also currently available for early access.
FigJam agent / Slides agent
Figma agent is also planned to support FigJam and Figma Slides. In FigJam it is expected to assist with brainstorming, organization, and collaborative work, while in Slides it is expected to help with creating and structuring presentations. These are also coming soon, and a waitlist is now open.
Playground
There were many announcements at Config, and it can be hard to grasp the details of each feature just by reading text. That's where the Playground files published by Figma come in handy.
Config 2026 Playground | Figma
Figma agent Playground | Figma
In the Playground, you can learn about Figma Motion, Shader fills and effects, Generative plugins, Figma Weave Tools, and Figma agent in a tutorial format. Since you can explore the features hands-on, if you want to get an overview of the new Config features all at once, we recommend starting here.
Features with Early Access Waitlists Open
Code Layers, 3D transforms, and FigJam / Slides agent have waitlists open for early access. If any of these features interest you, it may be worth signing up.
Summary
At Config 2026, a wide range of features were announced, including Figma Motion to support animation production, Generative plugins, Shaders, and Figma Weave Tools for AI-driven generation and extension, and Code Layers for converting designs to code.
Since the features already available can all be tried together in the official Playground, if you want to get a full grasp of the announcements, starting there seems like the way to go.
Looking at the set of features added in this announcement, I felt the major shift was that while before you would assemble expressions within the range of tools already provided, going forward you can customize the tools themselves and share the expressions you experiment with across your team.
