{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-blur-in-figma","route":"/learn/how-to-blur-in-figma","canonical":"https://www.layerpath.com/learn/how-to-blur-in-figma","title":"How to Blur in Figma","h1":"How to Blur in Figma","description":"Discover how to effectively blur elements in Figma with our step-by-step guide. Enhance your designs and create stunning visuals effortlessly.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Blur in Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"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."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9cf8zhe001ckv0cesd8zyml/tour","canonicalUrl":"https://share.layerpath.com/e/cm9cf8zhe001ckv0cesd8zyml/tour","id":"cm9cf8zhe001ckv0cesd8zyml"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Object"}]},{"type":"text","value":" – Click on the shape, image, or layer you want to blur."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Go to the Right Panel"}]},{"type":"text","value":" – In the right-hand properties panel, scroll to the "},{"type":"strong","children":[{"type":"text","value":"“Effects”"}]},{"type":"text","value":" section."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click the ‘+’ Icon Next to Effects"}]},{"type":"text","value":" – This will add a default effect (usually drop shadow)."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Change the Effect Type"}]},{"type":"text","value":" – Click the dropdown where it says "},{"type":"strong","children":[{"type":"text","value":"“Drop Shadow”"}]},{"type":"text","value":" and choose "},{"type":"strong","children":[{"type":"text","value":"“Background Blur”"}]},{"type":"text","value":" or "},{"type":"strong","children":[{"type":"text","value":"“Layer Blur”"}]},{"type":"text","value":":"}]},{"type":"list","ordered":false,"items":[{"children":[{"type":"paragraph","children":[{"type":"text","value":"🔹 "},{"type":"strong","children":[{"type":"text","value":"Background Blur"}]},{"type":"text","value":" blurs anything "},{"type":"emphasis","children":[{"type":"text","value":"behind"}]},{"type":"text","value":" the object."}]}]},{"children":[{"type":"paragraph","children":[{"type":"text","value":"🔹 "},{"type":"strong","children":[{"type":"text","value":"Layer Blur"}]},{"type":"text","value":" blurs the object "},{"type":"emphasis","children":[{"type":"text","value":"itself"}]},{"type":"text","value":"."}]}]}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Adjust Blur Intensity"}]},{"type":"text","value":" – Use the "},{"type":"strong","children":[{"type":"text","value":"slider"}]},{"type":"text","value":" or type a value to control how strong the blur is."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":" – Your element now has a blur effect!"}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9cf8zhe001ckv0cesd8zyml/tour","canonicalUrl":"https://share.layerpath.com/e/cm9cf8zhe001ckv0cesd8zyml/tour","id":"cm9cf8zhe001ckv0cesd8zyml"}],"plainText":["How to Blur in Figma","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.","https://share.layerpath.com/e/cm9cf8zhe001ckv0cesd8zyml/tour","Select the Object – Click on the shape, image, or layer you want to blur.\nGo to the Right Panel – In the right-hand properties panel, scroll to the “Effects” section.\nClick the ‘+’ Icon Next to Effects – This will add a default effect (usually drop shadow).\nChange the Effect Type – Click the dropdown where it says “Drop Shadow” and choose “Background Blur” or “Layer Blur”: 🔹 Background Blur blurs anything behind the object.\n🔹 Layer Blur blurs the object itself.\nAdjust Blur Intensity – Use the slider or type a value to control how strong the blur is.\nDone – Your element now has a blur effect!"]}