Background blur in Figma - Cell-by-Cell Formula Trace

Sample Data

This data shows examples of images or backgrounds with different blur radius values applied to create a background blur effect in a BI dashboard design.

Cell	Value
A1	Original Image
B1	Blur Radius
C1	Blurred Image Preview
A2	Sales Chart
B2	10
C2	Sales Chart with 10px blur
A3	Map Background
B3	20
C3	Map Background with 20px blur

Formula Trace

ApplyBackgroundBlur(OriginalImage, BlurRadius)

Step 1: OriginalImage = 'Sales Chart'

Step 2: BlurRadius = 10

Step 3: ApplyBackgroundBlur('Sales Chart', 10)

Cell Reference Map

   A               B           C
1| Original Image  Blur Radius  Blurred Image Preview
2| Sales Chart    10           Sales Chart with 10px blur
3| Map Background 20           Map Background with 20px blur

References: A2 (Original Image), B2 (Blur Radius) feed into the blur effect in C2.

Cells A2 and B2 provide the original image and blur radius values used to create the blurred image preview in C2.

Result

   A               B           C
1| Original Image  Blur Radius  Blurred Image Preview
2| Sales Chart    10           Sales Chart with 10px blur
3| Map Background 20           Map Background with 20px blur

The final result shows the original images with their respective blur radius applied, producing blurred background previews in column C.

Sheet Trace Quiz - 3 Questions

What does the blur radius value control in the background blur effect?

A How much the background image is blurred

B The size of the original image

C The color of the background

D The brightness of the image

Key Result

ApplyBackgroundBlur takes an original image and a blur radius, then returns the image with that blur applied.