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. https://www.captain-design.com/

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