Beautiful Shadows

Plugin
Figma Resource


Create smooth and beautiful shadows.

The plugin allows you to create beautiful shadows by simply dragging a ‘light source’ which casts a shadow on selected elements.

The plugin outputs

valid


box-shadow


CSS styles

. Grab the CSS values from the Figma

Inspect panel

(next to the

Prototype

tab✌️)


About the plugin

The shadow effect is achieved by layering and easing multiple drop-shadows to create a skeuomorphic shadow umbra and penumbra.

The plugin was cultivated by Josh W. Comeau’s amazing read about

Designing beautiful shadows in CSS

.

MIT licensed and open sourced on GitHub:

Source