Figma Design Agent: Generative Plugins and Shader Fills Now in Open Beta
FigmaFigma's design agent reached open beta at Config 2026, adding two major new capabilities: Generative Plugins, which let any user build custom Figma tools through natural language prompts without touching code, and Shader Fills and Effects, which use AI to generate parameterized WebGPU visual effects from text or image descriptions. The design agent is now available in open beta for Full seat users on Professional, Organization, and Enterprise plans, and includes expanded context through connectors to Notion, Granola, GitHub, Excel, Atlassian, and Slack, as well as reusable skills and team-visible chat sessions. Shader fills use WebGPU to enable effects like dithering, frosted glass, pixelation, and polished chrome finishes, all surfaced as on-canvas controls.
Sources & Mentions
4 external resources covering this update
Figma adds code layers, support for animations, more AI features in new update
TechCrunch
Figma adds code layers to the canvas and lets users build custom AI plugins at Config 2026
The Next Web
Figma Launches Code Layers & Motion at Config 2026
CMSWire
Figma bets on human judgment at Config 2026 while the AI powering its canvas belongs to someone else
The Decoder
Figma's Design Agent Reaches Open Beta with Custom Tools and Shader Capabilities
At Config 2026, Figma moved its design agent from limited preview to open beta, simultaneously releasing two significant new capability areas: the ability to create custom Figma plugins through natural language, and the ability to generate and apply parameterized visual shader effects through the same agent interface. Together, these updates position the design agent as an extensible platform rather than a fixed set of AI features.
The design agent open beta is available to Full seat users on Professional, Organization, and Enterprise plans as of June 24, 2026.
Generative Plugins: Custom Tools Without Code
Figma's plugin ecosystem has historically required developers. Publishing a plugin meant setting up a local development environment, writing JavaScript, and navigating the plugin API. Generative Plugins change that model entirely.
Users describe the desired behavior of a plugin in natural language, specifying what it should do, what controls to expose, and what parameters to accept. The Figma agent generates the plugin accordingly. At launch, generative plugins live in the file where they were created and are accessible to anyone with access to that file. Plugins use Figma's native UI, so they feel like built-in tools rather than third-party add-ons.
Use cases demonstrated include layout generators, vector path tracers, and tools that automate repetitive operations across large files. The generative plugin capability is rolling out gradually on all paid plans as of June 24, 2026.
Shader Fills and Effects: AI-Generated WebGPU Materials
Shader programming has historically required specialized knowledge. Figma's new shader fills and effects capability makes visual effects available to any designer through the same agent interface they already use. Users describe the effect they want, or provide an image as a reference, and the agent generates a parameterized WebGPU program that renders on the canvas.
The effects span a wide range of visual styles: dithering, pixelation, various blur types, frosted glass, polished chrome, and other surface-quality effects. All shader parameters are surfaced as on-canvas controls by default, making them adjustable without re-prompting the agent. Shaders can be stacked with other effects, every exposed parameter can be keyframed using Figma Motion, and shaders are ready for seamless conversion to code in popular formats.
Creating shaders via the Figma agent is rolling out gradually to Full seat users on paid plans as of June 24, 2026.
Expanded Context: Connectors and Skills
Beyond generative plugins and shaders, the open beta release expands the agent's awareness of external context through connectors. The agent now integrates with Notion, Granola, Excel, GitHub, and Atlassian, allowing it to pull in documents, spreadsheets, and repository context as part of its generation process. Slack and additional integrations are planned for upcoming releases.
Skills, the reusable instruction sets that teams define to encode their workflows and preferences, are now shareable within teams. Chats with the agent are visible to teammates in the same file, allowing collaborative review of AI-generated design decisions.
The Figma agent also gains FigJam and Slides expansion, extending its capabilities beyond the core design canvas.