Behind the build: Generative plugins and shaders at Figma
Sep 1, 2026Rogie King
Summary
This post details the technical implementation and evolution of generative plugins and shaders within Figma. It covers the shift to WebGPU for shaders, enabling composability, editor ergonomics with dynamic controls, and agentic creation. It also discusses the development of PropsKit, a web components-based UI kit for agents, and the integration with the Figma MCP server for code access and export to React.
More from the Figma Make Visual Editor trail
- How to lighten design system upkeep with the Figma agent
- Workflow lab: Staying in the flow with Figma’s agent
- 3 ways product designers use the Figma agent for craft, speed, and creative expression
- How Coinbase used Code Connect to guide agents and shrink token costs
- Workflow lab: Moving between design and code with agents