Figma RESPONSIVE DESIGN using Variables, Layout grids and Auto Layout | Figma 2024

🚨Follow along with this Figma file -
https://www.figma.com/community/file/...
Thanks for watching, TD 💛
☕️ Buy me a tea - https://buymeacoffee.com/tdsunshine

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

🍿 WHAT TO WATCH NEXT :
1. Figma components -    • Figma Components 101 | Learn about Variant...  
2. Figma Slides -    • FIGMA SLIDES ! Config 2024 Figma update | ...  
3. Variable mode interaction -    • Set variable mode interaction | Figma upda...  

👋🏼 IF YOU ARE NEW HERE :
Hey you! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼. I'd love to hear your ideas and suggestions for my next video, so feel free to drop a comment below. Your support means a lot and it helps me keep the channel going and growing!

👾 MY GEAR :
Blue Yeti Microphone https://amzn.to/3qACorF
Tripod ring light https://amzn.to/43G7flv
Neon sign https://amzn.to/3NcwxAs
Fairy lights https://amzn.to/443l518

🌼 CHAPTERS :
00:00 Intro
00:20 Breakpoint variables
02:10 Layout grid variables
04:03 Layout grid overview
05:50 Responsive title
07:20 Font variables
08:31 Responsive cards
09:07 Min and Max widths
12:13 Auto Layout variables
14:50 Responsive form


🤗 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 #config2024 #figma2024 #designtokens #tokens #variables #responsivedesign