Master Shadows & Blurs in Figma – Design System Part 4
1.7K views · 2025-08-01
UI Design
In Part 4 of the Figma Design System series, learn how to use Figma Effects e.g Drop Shadow, Inner Shadow, Layer Blur, Background Blur, and Focus Ring to create depth and elevation in your UI designs. Perfect for UI/UX beginners and pros building a polished design system.
#figma #design #effects #shadow #blur #designsystem #tutorial #beginners
▶️ Full Design System Playlist: https://www.youtube.com/playlist?list=PLoa2mke1xzkA7UfZexzQnGdXdZ7wh1aaL
00:00 Elevation/Dropshadow in figma
04:04 Inner Shadow
06:28 Layer Blur
09:29 Figma Background Blur
12:00 Figma Variable
16:48 Focus Ring
✅ Download Free Resources:
https://downloadfreebie.com/
...............................
🎯 Join our private FB community:
👉 https://www.facebook.com/groups/uixdesignacademy
...............................
☕ Enjoyed the Video? Fuel Me with a Coffee:
👉 https://buymeacoffee.com/uixdesignacademy
...............................
🎥 What to WATCH Next:
👉 https://youtu.be/uYb2IU9liWk
👉 https://youtu.be/csZHzsVreR8
👉 https://youtu.be/O4e62tbnEFE
...............................
🛠️ Most Useful Tools Links:
👉 Webflow: https://webflow.partnerlinks.io/nz6ljxn7vydv
👉 Figma: https://psxid.figma.com/z2wz3bjjbrdi
👉 Framer: https://www.framer.com?via=uixdesignacademy
🎁 promo code: FREE 3 months (partner25proyearly)
I would be very happy 🙂 If you decided to Subscribe:
https://www.youtube.com/c/UIXUniversity
#figma #design #effects #shadow #blur #designsystem #tutorial #beginners
▶️ Full Design System Playlist: https://www.youtube.com/playlist?list=PLoa2mke1xzkA7UfZexzQnGdXdZ7wh1aaL
00:00 Elevation/Dropshadow in figma
04:04 Inner Shadow
06:28 Layer Blur
09:29 Figma Background Blur
12:00 Figma Variable
16:48 Focus Ring
✅ Download Free Resources:
https://downloadfreebie.com/
...............................
🎯 Join our private FB community:
👉 https://www.facebook.com/groups/uixdesignacademy
...............................
☕ Enjoyed the Video? Fuel Me with a Coffee:
👉 https://buymeacoffee.com/uixdesignacademy
...............................
🎥 What to WATCH Next:
👉 https://youtu.be/uYb2IU9liWk
👉 https://youtu.be/csZHzsVreR8
👉 https://youtu.be/O4e62tbnEFE
...............................
🛠️ Most Useful Tools Links:
👉 Webflow: https://webflow.partnerlinks.io/nz6ljxn7vydv
👉 Figma: https://psxid.figma.com/z2wz3bjjbrdi
👉 Framer: https://www.framer.com?via=uixdesignacademy
🎁 promo code: FREE 3 months (partner25proyearly)
I would be very happy 🙂 If you decided to Subscribe:
https://www.youtube.com/c/UIXUniversity