How Do You Spread Drop Shadow in Figma?

Adding a drop shadow in Figma is a great way to give your designs a professional look and feel. It’s a simple process that takes just minutes to complete.

Whether you’re designing logos, website layouts, or graphics for print, the drop shadow effect can add depth and dimension to your design.

To create a drop shadow in Figma, select the object you wish to add the effect to. Then click the “Effects” button at the top of the menu bar.

From there, you can choose from a variety of options including drop shadow, inner shadow, outer glow, and more. You can customize each effect by adjusting its color, blur radius, opacity level, and more.

Once you’ve chosen an effect and customized it as desired, click “Apply” to spread the effect across your selection. You can also use the “Spread” button to quickly apply the same effect across multiple objects at once. This is especially useful if you need to apply an identical style across several elements.

When working with effects in Figma, it pays to experiment with different settings until you find one that works best for your project. And if you ever want to change an existing effect or delete it altogether, simply select its layer in the Layers panel and click on “Delete Effect” or “Edit Effect” depending on what type of adjustment you need.


Spreading drop shadows in Figma is easy and straightforward. By selecting an element and then clicking on Effects from the menu bar, users can create and customize their own effects before applying them with just one click or using Spread for multiple objects at once. With some experimentation and practice using the various settings available in Figma’s Effects panel, users can quickly create professional-looking designs with impressive depth.