Figma Tips – Create an Effect Style

To create an Effect style, first select or create a new frame and go to the Effects section and add new Effect.

Untitled
Untitled
Untitled
  • Next, select your Effect element to open the Effect’s settings modal.
Untitled
  • Next, add the following Drop shadow settings:

  X: 10

  Y: 10

  Blur: 15

  Spread: 5

Untitled
Untitled
  • 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 and select the + button.
Untitled
  • Let’s give our style the name of Effect Style 1 then hit create style button.
Untitled

You can create as much styles as you want.

Access your File’s Effect Styles

To display and access all your file’s styles, all you have to do is to click on the file’s gray. All your styles will be displayed in the right-hand sidebar.

Related Articles