How to Blur in Figma
This guide provides step-by-step instructions on how to apply a blur effect to elements within Figma. Follow these steps carefully to achieve the desired blur effect on your design elements.
Select the Object – Click on the shape, image, or layer you want to blur.
Go to the Right Panel – In the right-hand properties panel, scroll to the “Effects” section.
Click the ‘+’ Icon Next to Effects – This will add a default effect (usually drop shadow).
Change the Effect Type – Click the dropdown where it says “Drop Shadow” and choose “Background Blur” or “Layer Blur”:
🔹 Background Blur blurs anything behind the object.
🔹 Layer Blur blurs the object itself.
Adjust Blur Intensity – Use the slider or type a value to control how strong the blur is.
Done – Your element now has a blur effect!