Here is a summary of new features announced by Figma at Config 2026

Here is a summary of new features announced by Figma at Config 2026

I have summarized the new features announced at Figma's annual conference Config 2026.
2026.06.25

This page has been translated by machine translation. View original

Figma's annual conference Config 2026 was held from June 23 to 25, 2026.

https://www.figma.com/blog/config-2026-recap/

As had been anticipated beforehand, there were many feature additions around AI and code conversion, with the animation features in particular attracting significant attention.
This article summarizes the 8 features added at this Config below.

Key Features Announced at Config 2026

Figma Motion, Generative plugins, Shaders, Figma Weave, 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 allows you to easily create timeline animations within Figma. Previously, specialized tools were required for animation production, but now you can build directly on the canvas using timelines, keyframes, and presets.

All the basic features needed for timeline animation are included, such as position, opacity, scale, rotation, fade in/fade out, and easing. Animations you create can be reviewed in Dev Mode and exported in a variety of formats including CSS, JSON, React code, MP4, WebM, Animated SVG, and GIF.

https://www.figma.com/blog/introducing-figma-motion/
https://x.com/figma/status/2069827742800253230?s=20

Generative plugins

Generative plugins is a feature that lets you generate your own custom plugins simply by describing what tool you want to create. Previously, creating custom plugins for use in Figma required setting up a development environment and knowledge of the plugin API, but with Generative plugins you can build them without any knowledge of local environments or APIs.

Plugins you create can first be shared within a file, and going forward there are plans to gradually make them available to teams, organizations, and the community.

https://www.figma.com/blog/agent-custom-tools-context-skills/#build-your-own-tools

Shaders

Shaders is a shader feature that lets you create textures and effects simply by giving instructions to AI. They can be generated by describing them in a prompt or by passing in an image as a reference, and once generated they are parameterized and can be adjusted 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 planned to be available soon.

https://www.figma.com/blog/agent-custom-tools-context-skills/#shader-effects-and-fills
https://x.com/figma/status/2069825997478961314?s=20

Figma Weave

Figma Weave is a feature that combines multiple AI models and generative flows to make things like image generation and style conversion reusable. Node-based workflows that were previously spread across separate platforms can now be built, reviewed, and iterated on the Figma canvas.

Assembled workflows can be published as templates, and other users can remix and use them.

https://www.figma.com/blog/connecting-figma-and-weave/
https://x.com/figma/status/2069822938484986249?s=20

Figma agent

Figma agent is an AI agent that reads context on the canvas and assists with your work. A key feature is the Skills system, which lets you package your own workflows and design conventions as instructions that the agent can reuse. Skills can be created by yourself, or you can 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 displayed as shared to the team by default, allowing you to proceed while keeping an eye on other members' activities.

https://www.figma.com/blog/agent-custom-tools-context-skills/#bring-more-context-to-every-conversation

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 explored side by side within the same file.

The whole team can iterate while leaving comments, and converting back from code to design layers is also supported. A rollout is planned from July, and a waitlist is now open.

https://www.figma.com/blog/code-on-the-figma-canvas/

3D transforms

3D transforms is a feature that lets you apply 3D transformations to layers. This is also currently available for early access.

https://x.com/figma/status/2069841836810920329?s=20

FigJam agent / Slides agent

Figma agent is also planned to support FigJam and Figma Slides. In FigJam it is expected to be usable for assistance with ideation, organization, and collaboration, while in Slides it is expected to help with slide creation and structuring. These are also Coming Soon, and a waitlist is now open.

Playground

There are many announcements from Config, and just reading the text can make it difficult to grasp the details of each feature. 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, and Figma agent in a tutorial format. Since it lets you check out features hands-on, if you want to get a comprehensive overview of the new Config features, we recommend starting here first.

Features with Early Access Waitlists Open

Code Layers, 3D transforms, and FigJam / Slides agent are accepting waitlist registrations for early access. If there are any features that interest you, it would be worth signing up.

https://www.figma.com/ja-jp/config-betas/

Summary

At Config 2026, a wide range of features were announced across many areas, including Figma Motion to support animation production, Generative plugins, Shaders, and Figma Weave 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 general overview of what was announced, it seems best to start there first.
Looking at the group of features added in this announcement, I felt that the big change this time is that whereas before you were assembling expressions within the range of features that were already prepared, going forward you will be able to customize the tools themselves, and share experimental expressions with your team.


国内企業 AI活用実態調査2026 配布中

クラスメソッドが独自に行なったAI診断調査をもとに、企業のAI活用の現在地を調査レポートとしてまとめました。企業規模別の活用度傾向に加え、規模を超えてAI活用を進める企業に共通する取り組みまで、自社の現在地を捉えるためのヒントにぜひ。

国内企業 AI活用実態調査2026

無料でダウンロードする

Share this article