Design and product-building are changing, and so are the roles we play in the process. This means rethinking product ...
What Dylan Field said
Written from the verified transcript and checked against it. Every figure links to the moment it was said.
Dylan Field, CEO and co-founder of Figma, closed the Config 2026 keynote by recapping the new features introduced on stage. He highlighted the launch of Figma Motion, generative plugins, shaders, and weave tools, all now in open beta, and noted that none of these updates will consume AI credits during the beta period. Field also discussed the Figma Agent, which rolled out to everyone yesterday, and its new capabilities, including connectors for Notion, Slack, Granola, Hex, GitHub, and Atlassian, as well as custom skills that turn frequent prompts into reusable slash commands. He announced upcoming features in closed beta, including code layers, the FigJam agent, and the Slides agent, with early access sign-ups available at figma.com/configs. Field emphasized that all these tools now live together in the canvas, enabling designers to compose and create at the speed of thought. He closed by announcing the 11th Config will take place on October 15th in Bangalore, India.
Key takeaways
Figma Motion, generative plugins, shaders, and weave tools are now in open beta and will not consume AI credits during beta.
The Figma Agent now supports connectors for Notion, Slack, Granola, Hex, GitHub, and Atlassian, plus custom skills for reusable slash commands.
Code layers, the FigJam agent, and the Slides agent are coming soon in closed beta, with early access at figma.com/configs.
The 11th Config will be held on October 15th in Bangalore, India.
Figma is hiring, and Field expressed gratitude to the team for making the launches and Config possible.
I actually clocked it at about four and a half years. And we finally get to talk about it today. Does anybody know what it is? Nobody. Perfect. Okay friends, the next stop on our little journey is shader time.
Starting today, shaders are in Figma. If you've never heard the word shader before, don't freak out. You've definitely seen them. This might seem like a simple gradient, but guess how it's made? Shaders. Progressive blur—that's a shader. Our glass effect—shaders. They're wildly powerful at bending pixels to your will, if you know how to wield them. Shaders have existed in Figma, living in the shadows of our core canvas rendering. Are the shaders in the room with us?
The catch is that they've been kind of difficult to make. Yeah, like geek out on math for four years difficult. I would know. If only there was a way to make them yourself.
Starting today, you can create your own shaders with the Figma agent.
Let's go. I have this image and an idea for an effect, but I don't know the words to describe it. I've seen pictures online, so I'm going to grab a reference image and add it to the agent. Agents are pretty good at picking up on these things. Now I'm going to prompt live on stage—wish me well. Create me a static effect that looks like the effect in this image.
Our UI will ask you questions, and I've found it to be amazing—it'll teach you things about shaders. But for now, let's kick this off. Let's talk about the two different kinds of shaders. There's shader fills—like the material, the actual source coloring. Think of fills the same way you think of fills in Figma: solid colors, gradients, images. I've already added a water caustic by Ellie Lynn. If I open it up, we have handles to play with. I love to slide a slider. You may have noticed this thing in the middle—that's our new on-canvas handles. You can directly manipulate and play with this stuff. We're designers—we want to touch it.
This may look like just an image, but it's a shader. This is a mesh gradient. When I open this, you'll see color points—another kind of on-canvas handle. Moving them uses 3D math and geometry. When I worked on the draw team, we used to get a lot of requests for mesh gradients. What I love about this workstream is that we're building the tools to help you make whatever you want.
Let's talk about effects. Effects sit on top of materials—they pull the colors out and transform them. Here's a carousel with a shader effect on top of real Figma layers. As I play with the sliders, I can warp this. You can ask the agent to do whatever you want—I can change the perspective, adjust handles. I could do this all day.
Here's a hero card with a lens distortion shader effect—it creates that sci-fi feel, like looking through glass. Let me really amp it up. And then aberration, because I will aberrate the world. But you may have noticed this is a video layer. Let's click play.
