Web Design » Figma » How Do You Make an Inner Shadow in Figma?

How Do You Make an Inner Shadow in Figma?

Last updated on September 29, 2022 @ 12:38 am

Inner shadows are a type of shadows that are cast inside an element, on its inner side. They are commonly used to give depth to buttons, cards, and other UI elements.

In Figma, you can create an inner shadow by selecting the element you want to add the shadow to, and then going to the “Shadows” section of the “Properties” panel. From here, you can add a new inner shadow by clicking on the “+” icon.

When adding an inner shadow, you can set its color, opacity, x and y offset, spread, and blur. You can also choose whether the shadow is cast only on the inside of the element (inner only), or if it’s also cast on its edges (inner and outer).

PRO TIP: Please be aware that the ‘How Do You Make an Inner Shadow in Figma?’ tutorial is out of date and no longer accurate. The current version of Figma does not support inner shadows. Attempting to follow the tutorial may result in errors.

Once you’ve added an inner shadow, you can adjust its properties by clicking on the pencil icon next to it. You can also delete it by clicking on the trashcan icon.

Inner shadows are a great way to add depth and dimension to your designs. When used sparingly, they can make a big impact. So experiment with them and see what looks best for your project!

In order to create an inner shadow in Figma, first select the element you want to add the shadow to. Next, go to the “Shadows” section of the “Properties” panel and click on the “+” icon. From here, you can set the color, opacity, x and y offset, spread, and blur of your inner shadow.

You also have the option of choosing whether the shadow is cast only on the inside of the element (inner only), or if it’s also cast on its edges (inner and outer). Once you’ve added an inner shadow, you can adjust its properties by clicking on the pencil icon next to it.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.