Master Responsive Grids in Figma (and Boost Your UI Design Skills)
ฝัง
- เผยแพร่เมื่อ 20 ต.ค. 2024
- Welcome to our Figma tutorial series, where you will learn the essential skills needed to master the software. In this video, we will be diving into the topic of creating and using grids in Figma. You'll discover how to set up grids, align and distribute elements, and make your designs responsive using grid systems. By the end of this Figma tutorial, you'll have a comprehensive understanding of how to use grids to enhance the consistency and professionalism of your designs. Join us now and let's get started on your journey to becoming a Figma pro.
Material design additional resources: m3.material.io/
1. Introduction to Figma - • Figma Tutorial for Beg...
2. Responsive Grids - This Video
3. Typography Scale - • Typography Scale: The ...
4. Responsive Type Scales - • Responsive Typography ...
5. Auto Layout & Constraints - • Figma Auto Layout: The...
6. Creating Components - • Master Figma Component...
7. Figma Variants - • Master Components in F...
8. Prototyping - • Prototyping Techniques...
9. Interactive Components - • Interactive Components...
10. Figma Smart Animate - • Figma Smart Animate: T...
11. Figma to Webflow - • Figma to Webflow: The ...
BECOME A DESIGN MASTER
🔥 www.uxlab.acad...
🧑🎓 Learn Product Development: bit.ly/45FsPrw
🧑🎓 Free Figma Course: bit.ly/3NeAQg3
AFFILIATE LINKS
These links are affiliates. Clicking may earn us a small commission at no extra cost to you. We only recommend trusted products. Your support through these links directly backs our channel. Thank you for being part of this fantastic community!
🖥 Try Webflow: bit.ly/3RBppjp
✨ Try Figma: bit.ly/3vlzF7O
💬 Try FigmaJam: bit.ly/3vnsY59
🔥 Try Figma Premium: bit.ly/48or1Uu
📝 Try Notion: bit.ly/3vPecVc
🗓️ Try Reclaim Ai: bit.ly/499Au2f
CONNECT WITH ME
🐦 Twitter / X: bit.ly/3WSi3tV
📸 Instagram: bit.ly/3XHaXuF
📹 TH-cam (Subscribe): bit.ly/3RGcrkB
Hashtags
#uxdesign #uidesign #uxdesigner #uidesigner #uidesigntutorial #uxdesigners #figmatutorial #figmadesign #learnfigma #tutoruials #2023
#learnuxdesign #learnuidesign #figma #figmamasterclass #masterclass #deigner #design #uidesigners #userinterfacedesign #userexperiencedesign #designtutorials #designtutorial #figmatips #figmaplugins #figmatutorial #productdesign #productdesigner #solopreneur #solopreneurs #solopreneurlife #solopreneurship #elearning
#elearningplatform #learnonline #onlinelearning #onlinelearningplatform #onlinelearningteaching
I hope you had a great time watching this video! If you have any questions or comments, feel free to drop them below. Also, don't forget to check out the video description for the full list of videos in this Figma series. Have a smashing day and I will see you in the next video!
you just explained this in just 8 minutes love it !
🙌🏼🙌🏼🙌🏼
I've been learning FIgma for years but I have learned much more by just watching your videos. Thank you .
Thank you Emina 🙏🏻. I’m extremely happy to hear this. If you require any specific information please feel free to reach out, happy to help if I can😊.
I love this tutorial. Very informative, short, easy, and simple to understand. Thanks a lot, Dennis🤩
Thank you! So happy to hear this 🙏🏼
Great tutorial videos for beginners !
Hey Pooja, thank you!
Nice work mate! Very easy to follow and understand. The keyboard shortcut popups were helpful too. Cheers
Thanks mate! Really happy to hear this 🙏🏼
you really helped me fr, thanks a lot
Happy to hear that! 🙌🏼
thank you for this, looking forward to the auto layout one soon
Thank you Ahlam! Glad to hear that it helped 🙌🏼. Yes the Auto-layout one will go live next week on the 7th of Feb 😊.
very nice teaching skill you have
Thank you Tushar 🙏🏼
Thank you. It was very easy to understand!
Your welcome Akhil! Glad to hear that! Thank you for watching 🙏🏻
Thanks for the video 😇🙌🙌
My pleasure, glad you like it 👍🏻
👍Thanks!
You’re welcome 😅
Treasure!
Thank you 🙏🏻🤗