Mimic CSS Shadows

About this plugin

Apply Shadows from CSS!

This plugin lets you paste a box-shadow value from CSS and instantly apply it to objects in Figma. Say goodbye to manually inputting all the values for complex shadow effects!

How it works

1. Use the Developer tools in your browser to get a box-shadow value (Guide)
2. Paste it into the plugin
3. Select the layers you want to have this shadow
4. Click the Apply Shadow button

Note on Shadow Spread

Figma only supports spread on “simple” shapes (See here). This plugin will clip contents on any selected frames if the shadow has a spread value. Vectors, Stars, and other complex shapes won’t have the spread value applied.

Limitations

The plugin doesn't support non pixel values. It also doesn't support relative values like 'em' or CSS variables as these rely on css outside the code snippet.