Harsha Vardhan N
Figma lets you work with different effects, but unfortunately, there isn’t a dedicated tool or preset to add noise. In this guide, we will provide a way around this through a simple demonstration using a plugin to get you covered.
Add Noise in Figma
- Navigate to Figma and sign in with your credentials. Next, open the design file you’re working on from Recently viewed. If you haven’t started yet, click on the New design file.
- Once the new or existing design is loaded, navigate to the toolbar, click on the Resources icon, and then the Plugin tab.
- In the search bar associated with the Plugin tab, search for Noise by Dustin Mierau and click on Run.
- After the plugin is added, click on the layer to select it. The Noise plugin recognizes it, and the noise preview updates to the shape of the layer.
- Now, adjust the color, density, depth, stretch, smooth, and vignette options. Once you’re done, click on the Plus at the bottom right corner of the Noise plugin to apply the noise to the selected layer.
- By doing so, the noise effect will be added to the selected layer, as shown below.
Pro Tip: While the Noise plugin is handy, there isn’t an option to adjust opacity. In this scenario, select the layer to which the noise is added and adjust the opacity of the noise layer added by the plugin in the Fill of the Properties panel.
Wrapping Up
Congratulations on learning how to add noise in Figma!
If you’re not happy with the free trial or the results generated using the Noise plugin, we suggest you use conventional photo editors or online noise tools to get the best noise effect.
