How To Blur an Image in Figma

Are you trying to blur an image in Figma? Learn how to do it with ease through the steps below.
Blur an Image in Figma

Figma lets you edit images with ease through its tools, including one to blur the images. In this guide, we will help you with making an image blur through a demonstration to get you all covered.

Blur an Image in Figma

  1. Start by navigating to Figma on your browser and sign in to your Figma account or create a new one if needed.
  2. Once you’re on the home page, open an existing design from the Recents or create a new design by clicking on the Design File button from the top right corner.
Click on Design File
  1. After the new/existing design is loaded, add an image to the design and select it or else select an existing image from the design to open the Properties panel on the right, navigate to the Effects tab and click on it.
Effects section
  1. By doing so, you will find the drop down menu and from which you click on Layer Blur to apply Blur to the selected image.   
Effects and layer blur
  1. If you do it right, you will find the Blur effect applied to the image. To manage the blur applied, click on the icon associated with it and change the value according to your requirements.
Adjust layer blur

Wrapping Up

Congratulations on learning how to blur an image in Figma!

While this is the straightforward approach to blur an image in Figma, if you aren’t happy with the flexibility or the level of control, export the image and load it onto conventional photo editors for better results.


We will be happy to hear your thoughts

Leave a reply

Enable registration in settings - general