Shader Studio

Shader Studio brings Paper-style WebGL shaders into Figma as insertable images.

Preview effects live, adjust colors and parameters, then insert a PNG into your current page — ready for mockups, posters, brand systems, and social creatives.WHAT YOU CAN MAKE• Effects — Mesh, Orbit, Grain, Warp, Swirl, Rays, Smoke, Border, Spiral, Waves, Balls, Neuro• Filters — Paper, Glass, Water, Dither, Halftone, CMYK (use selection or upload an image)• Logo — Metal, Heat, Smoke (apply to a silhouette / logo image)HOW IT WORKS1. Open Shader Studio2. Pick Effects, Filters, or Logo3. Tweak colors, params, and export size4. Click Insert to place a PNG on the canvasFor Filters / Logo:• Use selection — export the current Figma selection as the source image• Or upload your own imageBuilt with Paper Shaders (@paper-design/shaders).