Shader Studio
Turn shaders into Figma-ready images
Plugin 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
| Version | 1 |
|---|---|
| Created | July 10, 2026 |
| Last Updated | July 10, 2026 |
| Category | editing & effects plugins |
| Creator | Ethan |
| Stats | 28 installs, 5 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.