Web Design » Figma » How Do You Make a Blur Effect in Figma?

How Do You Make a Blur Effect in Figma?

Last updated on January 31, 2023 @ 2:36 pm

Adding a blur effect to an element in Figma is a quick and easy way to add some visual interest to your design. To add a blur effect:

  1. Select the element you want to add the effect to. Select the elements you want to add a blur effect in Figma
  2. In the Properties panel on the right, scroll down to the Effects section.
  3. Click on the + icon.Click the Figma effects button to add the blur effect
  4. Select Blur from the list of effects that appears.Select the Figma layer blur effect from the dropdown menu
  5. Adjust the slider to control the amount of blur.Adjust the Figma layer blur slider to your preferences

You can also add a Gaussian Blur effect, which is a more realistic blur. To do this:

PRO TIP: Please be aware that the ‘How Do You Make a Blur Effect in Figma?’ article may contain outdated or inaccurate information. Proceed with caution when following the instructions in this article.
  1. In the Effects section, click on the + icon.
  2. Hover over Blur and select Gaussian Blur from the menu that appears.

That’s all there is to it! With just a few clicks you can add a nice blur effect to any element in your Figma design.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.