Back to Plugins
Shader Studio

Shader Studio

Turn shaders into Figma-ready images

Plugin Preview

Shader Studio preview

About this plugin

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).

Plugin Details

Version1
CreatedJuly 10, 2026
Last UpdatedJuly 10, 2026
Categoryediting & effects plugins
CreatorEthan
Stats28 installs, 5 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none