DEVOURED
Updates to Generative Plugins and Shaders
Figma now allows interactive shaders in generative plugins and enables global opacity adjustments via variables without detaching instances.
What: Figma’s latest release adds animated shaders that respond to mouse input, a code viewer for plugin development, and expanded MCP (Model Context Protocol) support. It also introduced a feature to update opacity at scale within the variables modal.
Why it matters: By exposing shader code and improving React compatibility, Figma is positioning itself as a primary environment for building complex, interactive UI assets rather than just static design files.
Decoder
- Shader: A small program that runs on a graphics processor to calculate color and light effects in real-time.
- MCP (Model Context Protocol): An open standard that enables AI agents to connect to various data sources and tools consistently.
Original article
Control opacity at scale
Opacity can be updated at scale in the variables modal and applied on top of any color without detaching.
→ Alias opacity while the color stays linked to your library, instead of needing to detach and adjust opacity by hand.
→ Set opacity on a color variable using a number variable, and scope them specifically for use in color variables.
→ Easily update opacity across disabled states, overlays, scrims, and more.
Explore all 59 articles in today's digest
Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi