Create a new Figma effects style

Watch Video Tutorial

Create an Effect Style

  • Next, select your Effect element to open the Effect’s settings modal.
  • Next, add the following Drop shadow settings:
  • Now, we’ll save our frame’s Drop shadow settings in a new Effect style. So hit the four dots icons in the Effects section.
  • Let’s give our style the name of Effect Style 1 then hit create style button.

Apply an Effect Style to your layer

  • Hit the four dots icon in the right corner of the Effects section to trigger the styles modal, then select Effect styles 1 to apply the style to your frame layer.

Access your File’s Effect Styles

Edit an Effect Style

Delete an Effect Style

Before you go



Figma Landing Page’s Design Resources Colors palettes, Typography Styles and ready to use Components.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store