Import CSS shadows, create Figma styles

About this plugin

I recently needed to create a Figma file from an existing website, and manually setting up effects took too long, so I created this plugin.

You can paste a CSS box-shadow, preview it, then create a style from all the shadow values.

You can also create matching variables. There is a small caveat: the Figma plugin API does not allow you to connect the style with the variable from within the plugin itself, meaning the style is disconnected from the variable. It still saves a tonne of time though!