Figma tutorial: Responsive Grid Layouts (UI UX Design)
HTML-код
- Опубликовано: 13 сен 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: A Begi...
2. Responsive Grids - This Video
3. Typography Scale - • Figma tutorial: Typogr...
4. Responsive Type Scales - • Figma Tutorial: Respon...
5. Auto Layout & Constraints - • Figma Tutorial: Auto L...
6. Creating Components - • Figma Tutorial : Creat...
7. Figma Variants - • Figma Tutorial: Figma ...
8. Prototyping - • Figma Tutorial: Learn ...
9. Interactive Components - • Figma Tutorial: How to...
10. Figma Smart Animate - • Figma Tutorial: Smart ...
11. Figma to Webflow - • Figma to Webflow plugin
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
📹 RUclips (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 🙏🏼
you really helped me fr, thanks a lot
Happy to hear that! 🙌🏼
Great tutorial videos for beginners !
Hey Pooja, thank you!
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 😊.
Nice work mate! Very easy to follow and understand. The keyboard shortcut popups were helpful too. Cheers
Thanks mate! Really happy to hear this 🙏🏼
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 🙏🏻🤗