How Do You Drop Shadow in Figma?

Dropping shadows in Figma is an easy way to create a 3D look and feel for your designs. It can be used to add depth and interest to a design, and with the right amount of adjustment, you can create an interesting effect that will draw people in. To get started with dropping shadows in Figma, here are the steps you need to take:

1. Select the object: The first step is to select the object that you want to drop a shadow on. You can do this by clicking on the object or selecting it from the list of objects in your project.

2. Open the Drop Shadow Panel: Once you have selected your object, open up the Drop Shadow panel by going to Object > Effects > Drop Shadow. This will open up the drop shadow panel where you can adjust various settings for your shadow.

3. Adjust Settings: Here, you can adjust settings such as angle, opacity, blur, spread and color.

You can also choose whether or not to make it visible only when hovering over it or always visible. With each setting, you can adjust its level until you get the desired effect for your design.

4. Preview & Export: Once you’ve adjusted all of your settings, preview them with Figma’s preview feature before exporting out your design as an image file or vector file format such as SVG or PDF.


Dropping shadows in Figma is a great way to add depth and interest to any design project. With just a few clicks and some adjustment of settings such as angle, opacity, blur and color-you can easily create interesting effects that will draw people in. Whether it’s for personal projects or professional ones-dropping shadows in Figma is quick and easy.