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