Back to rankings

Figma: Animated Shaders and Plugin Community Publishing

FigmaView original changelog

Figma expanded generative plugins and shaders, the AI-built custom tooling feature first launched in open beta at Config 2026, with animated and interactive shaders that respond to motion and mouse input. Designers can now publish their agent-built plugins and shaders to the Figma Community for anyone to use, or privately to their organization on Organization and Enterprise plans. A new code viewer lets designers inspect and download the underlying shader or plugin code, and an updated MCP server lets third-party agents view and modify these tools directly, with shaders now rendering correctly in generated React code.

Key Takeaways

  • Figma expanded generative plugins and shaders, first launched in open beta at Config 2026, with a September 1, 2026 update adding animation, sharing, and code access.
  • Animated and interactive shaders let the Figma agent build effects and fills that move or react to mouse input, not just static visuals.
  • Community publishing lets any designer share an agent-built plugin or shader on Figma Community, similar to how classic plugins are distributed.
  • Publish to organization gives Organization and Enterprise teams a private way to standardize custom tools across their whole org.
  • The new code viewer lets designers inspect and download shader or plugin code to keep iterating in a third-party coding agent.
  • Figma's MCP server now supports viewing and modifying these tools from external agents, and shaders now export correctly into generated React code, tightening design-to-code handoff.

Figma released a round of upgrades to generative plugins and shaders, the feature that lets anyone build custom design tools and visual effects by prompting the Figma agent rather than writing code. The capability originally launched in open beta at Config 2026 in June, and this update, shipped September 1, 2026, rounds out the feature with motion, sharing, and developer-handoff tools.

Animated and Interactive Shaders

Shaders in Figma are small GPU programs that generate or transform pixels in real time, powering effects like watercolor textures, moire patterns, dither waves, and fluid halftones. Previously, agent-built shaders were static once generated. Now designers can prompt the Figma agent to build a shader effect or fill that incorporates motion or reacts to mouse movement, opening the door to dynamic backgrounds, hover-responsive materials, and animated fills that were previously only achievable with hand-written WebGPU code.

Community and Organization Publishing

Generative plugins and shaders can now be shared beyond the file they were created in. Designers can publish a plugin or shader they built with the agent to the Figma Community, making it available to any Figma user the same way classic plugins and widgets are distributed today. Teams on Organization and Enterprise plans also gain a private publishing option, letting a design system team standardize a custom effect or tool and roll it out across the whole org without exposing it publicly.

Code Viewer

Every generated plugin or shader now comes with a code viewer that lets designers view and download the underlying code. This closes a gap for teams who want to hand a design side creation to engineering, or who want to keep iterating on a tool inside a third-party coding agent instead of Figma's own agent.

MCP Server Integration

The update also touches Figma's Model Context Protocol (MCP) server, which now supports viewing and modifying generative plugins and shaders from external agent clients. Figma also improved how shaders translate into generated React code, so a shader-based fill or effect built on the canvas renders correctly once it reaches a codebase, tightening the loop between design experimentation and production implementation.

Why It Matters

Generative plugins and shaders are part of Figma's broader push to let non-technical designers extend the product themselves rather than waiting on the plugin developer ecosystem. According to Figma product designer Rogie King, who detailed the feature's development on the Figma blog, the goal was to make building a custom visual tool feel as approachable as writing a text prompt. With this release, a designer can now go from prompting an effect to sharing it with an entire organization or the whole Figma Community without leaving the canvas or waiting on a plugin submission review.

Generative plugins and shaders remain in open beta for Full seat users on all plans, with free usage during the beta period before AI credit consumption applies.