Tips for Drop Shadows in Figma

[@rummanakhtar4410]

One of the best videos I've seen regarding Drop Shadows. It might be a small thing but the level of importance it holds is enormous. And, you clearly addressed that perfectly here.

[@DesignCodeTeam]

Wow, thank you!

[@njengathegeek]

I have learnt a lot from this guy, and am happy to see the channel grow as it will definitely help more people

[@monkeybrainspit]

Love the breakdown. Awesome video, bro.

[@pishop.ot7692]

Wow. so many insights in this short video. You definitely answered questions I had about drop shadow. Thank you!

[@Callemos7]

Great tips, thank you!

[@minhucchu7834]

straight to the point.

[@MarcelQT]

Great video! I've been trying to improve my design skills so this is super handy :)

[@filipecardoso4058]

Thanks for the tips and great content! I'm just having trouble understanding how this would work on a system. For once, if shadows are that flexible as part of a DS, you can end up with very inconsistent design language across a product with multi-app business logic for example. Secondly, even if you apply a semantic rule within the shadow's tokens, you'd still have a hard time "controlling" its systematic approach, if we're talking about scalable solutions for a bigger platform. I'd just like to understand how would you fix those issues moving forward with this approach.

[@TH-vz9rx]

This was super helpful! Thank you :)

[@davediaz25]

Thanks man!

[@DesignCodeTeam]

Happy to help!

[@spongmybob]

You're the BEEEEST

[@hutsko]

thank you

[@unleashthedog]

"Contextual shadow" I would just refer to this as "raytracing" or "pbr", just like in video games... as it's the actual physical behaviour of light interacting with coloured objects

[@entrinsek9230]

Great revien ! I want to ask how to general this colored dropshadow for multiple posts ? I mean can i automate color drop shadow to multiple pictures without doing manually evrytime ? Is there a plugin or component or something like that ?

[@stackathy]

HI! Is there a way to add a drop shadow on the upper x axis?

[@developerofcodellc]

How can I get the drop shadow on last one to show up when exporting the button from Figma to a website?

[@0xVantwoutMaarten]

Hii Awesome video, but I the overlay shadows look good, but how do you implement "overlay" in CSS. The box-shadow property does not have this? Does it have to do with the RGBa value and setting the opacity?

[@arafat.uiandux]

Hi! Please help me. How can I create shadow effect like the login button here in the video. Please answer if you know. Thanks.

[@naifsharahily8997]

How do I down iOS symbols to figma ?

[@maungmaungmyintaye8524]

Very good......

[@enfisya]

Thanks so much for the tips! Do you have any tips when exporting a Group (icon / button) with the shadows - into SVG? I'm having some problems with the shadow not exporting in SVG :(

[@DesignCodeTeam]

Drop shadows don’t typically work well with vector graphics like SVG. Same with blending modes and blur. They can be produced in CSS afterwards.

[@enfisya]

@@DesignCodeTeam Got it. Thank you so much for your help!

[@santhiyakrishnan9546]

Thank you