How Do You Make a Blur Effect in Figma?

The blur effect is one of the most common visual effects used in graphic design, and it’s a great way to add a professional touch to your projects. With the help of Figma, you can easily create a blurred effect for your designs. Figma is a web-based vector graphics editor that allows you to quickly and efficiently create visual designs for both web and mobile applications.

The blur effect is created in Figma by using the Blur filter. To access the Blur filter, select the layer that you want to blur and click on the Blur icon on the right-hand side of the screen.

This will bring up all of the options available for blurring an image. You can adjust settings such as amount, radius, and center point.

Once you have adjusted your settings, click “Apply” to apply the blur effect to your layer. You can also click “Preview” to see what it will look like before making any changes or applying it permanently. You can also use Figma’s other filters, such as Gaussian Blur and Motion Blur, to further adjust your blur effect.

In addition to blurring images, you can also use Figma’s masking tool to create interesting shapes with blurred edges. To do this, select your layer and click on the Masking icon on the right-hand side of the screen.

Next, draw out whatever shape you want by clicking and dragging on the canvas. Then select your masking tool and adjust its settings until you get your desired shape.


Creating a blur effect in Figma is quick and easy! With its intuitive interface and powerful tools, you can quickly create beautiful blurred visuals in just a few steps. You can further customize your blurred visuals with additional filters like Gaussian Blur or Motion Blur, or even use masking tools for more complex shapes with blurred edges.