No video

Tips for Drop Shadows in Figma

  Рет қаралды 76,846

DesignCode

DesignCode

Күн бұрын

Learn how to play with different drop shadow colors, opacity and strength depending on the design and style.
🚀 Watch the whole livestream on Design+Code's website
➡ designcode.io/...

Пікірлер: 26
@rummanakhtar4410
@rummanakhtar4410 2 жыл бұрын
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
@DesignCodeTeam 2 жыл бұрын
Wow, thank you!
@njengathegeek
@njengathegeek 2 жыл бұрын
I have learnt a lot from this guy, and am happy to see the channel grow as it will definitely help more people
@pishop.ot7692
@pishop.ot7692 Жыл бұрын
Wow. so many insights in this short video. You definitely answered questions I had about drop shadow. Thank you!
@monkeybrainspit
@monkeybrainspit Жыл бұрын
Love the breakdown. Awesome video, bro.
@Callemos7
@Callemos7 2 жыл бұрын
Great tips, thank you!
@MarcelQT
@MarcelQT 11 ай бұрын
Great video! I've been trying to improve my design skills so this is super handy :)
@minhucchu7834
@minhucchu7834 2 жыл бұрын
straight to the point.
@santhiyakrishnan9546
@santhiyakrishnan9546 4 ай бұрын
Thank you
@filipecardoso4058
@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
@TH-vz9rx 2 жыл бұрын
This was super helpful! Thank you :)
@davediaz25
@davediaz25 2 жыл бұрын
Thanks man!
@DesignCodeTeam
@DesignCodeTeam 2 жыл бұрын
Happy to help!
@unleashthedog
@unleashthedog 4 ай бұрын
"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
@spongmybob
@spongmybob 3 ай бұрын
You're the BEEEEST
@hutsko
@hutsko 2 жыл бұрын
thank you
@arafat.uiandux
@arafat.uiandux 10 ай бұрын
Hi! Please help me. How can I create shadow effect like the login button here in the video. Please answer if you know. Thanks.
@developerofcodellc
@developerofcodellc 2 жыл бұрын
How can I get the drop shadow on last one to show up when exporting the button from Figma to a website?
@entrinsek9230
@entrinsek9230 2 жыл бұрын
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 ?
@0xVantwoutMaarten
@0xVantwoutMaarten 2 жыл бұрын
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?
@stackathy
@stackathy Жыл бұрын
HI! Is there a way to add a drop shadow on the upper x axis?
@enfisya
@enfisya 2 жыл бұрын
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
@DesignCodeTeam 2 жыл бұрын
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
@enfisya 2 жыл бұрын
@@DesignCodeTeam Got it. Thank you so much for your help!
@maungmaungmyintaye8524
@maungmaungmyintaye8524 2 жыл бұрын
Very good......
@naifsharahily8997
@naifsharahily8997 Жыл бұрын
How do I down iOS symbols to figma ?
Prototype a Movie Ticket Booking app in Figma - Full course
17:50
5 Types of Shadows for your UI Designs
11:21
DesignCourse
Рет қаралды 22 М.
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 170 МЛН
Before VS during the CONCERT 🔥 "Aliby" | Andra Gogan
00:13
Andra Gogan
Рет қаралды 10 МЛН
what will you choose? #tiktok
00:14
Анастасия Тарасова
Рет қаралды 7 МЛН
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 791 М.
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 178 М.
Design Better Than 99% of UI Designers
14:52
Tim Gabe
Рет қаралды 199 М.
Menu Animation in Figma
7:37
Flux Academy
Рет қаралды 29 М.
Free Figma Crash Course for Beginners 2024 | UI/UX Design
1:01:20
DesignWithArash
Рет қаралды 650 М.
How to use Figma Styles & Libraries?
1:10:38
Ansh Mehra
Рет қаралды 70 М.
60-30-10 Color Rule
6:18
Jesse Showalter
Рет қаралды 1,9 МЛН
Menu Animation in Figma
4:52
Shmelt studios
Рет қаралды 620 М.
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 170 МЛН