# how to blur in figma

Viewport: 1910x922 @1.25x

Playback: autoplay=false durationMs=3000 navBar=false arrows=true callouts=true browserBar=false browserTheme=light

1. [Intro] How to Apply Blur in Figma
   - body: This guide provides step-by-step instructions on how to apply a blur effect to elements within Figma. Follow these steps carefully to achieve the desired blur effect on your design elements.
   - voiceover: This guide explains how to blur an object or shape in Figma, providing a step-by-step process that is easy to follow for users at any skill level.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cg2t2l00000ckz1222d58a.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
1. step_01 [image] - Open Figma.
   - source type: IMAGE
   - description: Open Figma and Select Your Element
   - target: (1047, 306), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (1047, 306), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Start by opening the Figma application on your computer. Ensure you are logged in and have your project open.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cg2y3i00020ckz3bzrauzo.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cf9333000003huv9fdifeq.png
2. step_02 [image] - Select the object or shape you want to blur.
In the right sidebar, scroll to Effects.
   - source type: IMAGE
   - description: Go to the Right Sidebar
   - target: (708, 246), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (708, 246), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click on the object or shape you want to blur. Look at the right sidebar and scroll down to find the 'Effects' section.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cg2y4300030ckz5844az39.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cf93pr000103hub7ox3yim.png
3. step_03 [video] - Click here
   - source type: VIDEO
   - target: (910, 354), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (910, 354), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - clip: start=1.516 end=22.853 duration=21.337000000000003
   - video: url=https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cf8zil00100ckv69jgerle.webm speed=1.5 muted=true
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cf8zil00100ckv69jgerle.webm
4. step_04 [image] - Click “+”, then choose Layer Blur or Background Blur.
Layer Blur: blurs the object itself.
Finally our object is blur.
   - source type: IMAGE
   - description: Adjust the Blur Settings
   - target: (658.1551305263386, 341.3019345696674), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (658.1551305263386, 341.3019345696674), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click the “+” button in the Effects section, then choose either 'Layer Blur' or 'Background Blur'. 'Layer Blur' will blur the object itself. After selecting the blur type, adjust the settings as necessary until you achieve the desired blur effect.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cg2y4n00040ckz8je1gqcx.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cf9kkk000303hupltdqzcl.png
6. [Outro] Perform the Next Action
   - body: After applying the blur effect, you can further customize your design by adjusting other properties or adding additional design elements.
   - voiceover: You have successfully blurred your object. Now, you can further adjust the blur settings, apply additional effects, or move on to other design tasks in Figma.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9cf8zhe001ckv0cesd8zyml/cm9cg2vaa00010ckz37kca6ob.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM

Source: https://share.layerpath.com/share/cm9cf8zhe001ckv0cesd8zyml/tour