How Do You Make a Shadow Effect in Figma?

A shadow effect is an important component of any design. It adds depth and helps create a sense of realism. In Figma, shadows can be used to enhance the look and feel of your design.

Creating a shadow effect in Figma is easy and straightforward. To start, select the layer you want to add the shadow to. Then, under the “Appearance” section, click on the “Shadows” tab. Here, you can adjust the properties of your shadow—such as its color, angle, spread, size, and opacity. You can also choose between a drop or an inner shadow.

Once you’ve adjusted the properties of your shadow to get the desired effect, you can save it as a style for future use.

This is done by clicking on the “Save as Style” button at the top right corner of your screen. This will save all your settings so that you can quickly apply them to other layers in your design with just one click.

In addition to adjusting your shadow’s properties manually, Figma also allows you to use one of its many preset styles for shadows—such as subtle shadows or strong shadows—with just a few clicks. To access these presets, click on the “Presets” tab under the Shadows section in Appearance. Just select one of these presets from the drop-down menu and it will be applied instantly to your layer.

Figma also provides tools for creating more complex effects with shadows such as embossing or multiple layers for more advanced effects like light source directionality and 3D perspective. These tools are located in their own dedicated sections under Appearance—just select them from their respective menus and they’ll be ready for use!

Creating a shadow effect in Figma is quick and easy! With its wide range of customization options and preset styles available, it has everything you need to create stunning designs with shadows that will make your work stand out from the rest.


Making a shadow effect in Figma is simple – all it takes are a few clicks! You can adjust the properties manually or choose from one of their many preset styles available under “Appearance” – then save it as a style for future use or combine multiple layers for more advanced effects like 3D perspective.