Back to Plugins
Mimic CSS Shadows

Mimic CSS Shadows

Effortlessly recreate shadows from the web!

cssbox-shadowcodeshadow

Plugin Preview

Mimic CSS Shadows preview

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 worksUse the Developer tools in your browser to get a box-shadow value (Guide)Paste it into the pluginSelect the layers you want to have this shadowClick the Apply Shadow buttonNote on Shadow SpreadFigma 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.LimitationsThe 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.

Plugin Details

Version8
CreatedJuly 20, 2022
Last UpdatedAugust 2, 2023
CategoryUncategorized
CreatorBaffour Atuah
Stats536 installs, 51 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Network Access:

    Google web fonts and anonymous usage analytics via Mixpanel

  • Editor Types:
    figma
  • Allowed Domains:
    • https://api-js.mixpanel.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.