Guides & readingGuias & leitura
Figma shadersFigma shaders
Official docs for Figma's free shaders: image effects and procedural backgroundsDocumentação oficial dos shaders gratuitos do Figma: efeitos de imagem e fundos procedurais
What it isO que é
Figma help article listing the shaders made by the team: effects applied to images and layers, procedural fills and a mock-data plugin.
Artigo de ajuda do Figma que lista os shaders criados pela equipe: efeitos aplicados a imagens e camadas, fills procedurais e um plugin de dados fictícios.
What it’s forPara que serve
For checking the name and behavior of each shader, such as Lens Distortion or Pixel Stretch, before using it in a design.
Para conferir o nome e o comportamento de cada shader, como Lens Distortion ou Pixel Stretch, antes de usar em um design.
BenefitsVantagens
- Effects such as Bloom, Halftone, Dither, Warp, Pixelate and Slice shift
- Fills such as Mesh gradient, Nebula, Water caustics and Glowing wave, some animatable
- Mock Data Lab plugin, which generates mockup variations from a template
- Free on the Starter, Professional, Education, Organization and Enterprise plans
- Efeitos como Bloom, Halftone, Dither, Warp, Pixelate e Slice shift
- Fills como Mesh gradient, Nebula, Water caustics e Glowing wave, alguns animáveis
- Plugin Mock Data Lab, que gera variações de mockup a partir de um template
- Gratuitos nos planos Starter, Professional, Education, Organization e Enterprise
CaveatsRessalvas
- The shaders are in open beta, so features and performance may change.
- They require edit access to the file.
- Os shaders estão em beta aberto, então recursos e desempenho podem mudar.
- Exigem acesso de edição ao arquivo.
