Figma Design System - Effects (Using styles) | Part 4 | Figma Step-by-Step Tutorial

Опубликовано: 22 Февраль 2026
на канале: TD Sunshine
19,942
547

🚨Follow along with this Figma file -
https://www.figma.com/community/file/...
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
👾 My gear & links → https://linktr.ee/tdsunshine

☆ Try Figma For Free - https://psxid.figma.com/xnd9l

🍿 WHAT TO WATCH NEXT :
1. Variables 101 -    • Figma Variables for beginners | Master Fig...  
2. Variables best practice -    • Figma VARIABLES BEST PRACTICE | Figma Vari...  
3. Figma Components -    • Figma Components | Master Variants and Com...  

🌼 CHAPTERS :
00:00 Welcome to the series
00:42 Elevation Effects
01:12 My Drop Shadow Trick
03:16 Adding the Ambient Drop Shadow
04:13 Adding the Key Drop Shadow
06:42 Creating Elevation Styles
09:16 Blur Effects
11:25 Creating Blur Styles
11:48 Recap
12:09 What's Next

🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.

#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2023 #figma2023 #designtokens #tokens #variables #variablemodes