Web Design » Figma » How do you blur the background in Figma?

How do you blur the background in Figma?

Last updated on September 24, 2022 @ 6:47 pm

Figma is a powerful online design platform that enables users to create digital designs easily. One of the features that makes Figma so versatile is the ability to blur the background of a design.

Blurring the background can be helpful when creating designs that will be displayed on a website or in a print publication.

To blur the background in Figma, follow these steps:

1. Open your Figma file.

2. In the toolbar, click the Pencil icon (or press Shift+P).

3. In the toolbar, click the Brush icon (or press B).

4. In the toolbar, click the Blur icon (or press Shift+B).

5. In the toolbar, click the Background Blur option.

6. In the Blur Options dialog box, select the amount of blur that you want to apply.

7. Click OK.

8. Save your file.

PRO TIP: Please be aware that blurring the background in Figma can result in decreased image quality and may make it difficult to read text or see details in the image.
Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.