How Do You Make a Soft Shadow in Figma?

Figma is a powerful design software, and one of its most useful features is the ability to create soft shadows. A soft shadow is a type of lighting effect that can be used to give your designs an extra layer of depth and dimension.

Soft shadows are often used to add a subtle touch to buttons, icons, and other elements.

Creating a soft shadow in Figma is simple and straightforward. The first step is to select the object you want to add a shadow to.

Next, open the “Effects” tab in the right-hand sidebar. Here you’ll find several options for creating shadows, including “Drop Shadow” and “Inner Shadow”.

The Drop Shadow option provides you with several settings that can be used to control the size, angle, color, opacity, and blur of your shadow. For a softer shadow effect, use lower values for opacity and blur. You can also use the Angle setting to adjust the direction of your shadow.

The Inner Shadow option allows you to create an inner shadow effect by adding a second layer behind your object. You can adjust the size, color, opacity, blur, and spread of this layer using the same settings as for Drop Shadows.

Once you’ve adjusted your settings, click “Apply” in order to save your changes. To make further adjustments or remove your shadows completely at any time, simply go back into the Effects tab and make any necessary changes.

Creating soft shadows with Figma is easy once you get familiar with the tools available. With just a few clicks of your mouse you can quickly add subtle lighting effects to enhance any design project!


Creating soft shadows in Figma is easy thanks to its powerful effects panel. Simply select an object you wish to apply a soft shadow effect on then open up the Effects tab where you will find both Drop Shadow and Inner Shadow options which allow you to customize size, angle, color, opacity, blur and spread values for creating softer looking shadows that can enhance any design project.