4 Viewsยท 12/05/24ยท Tutorials
Figma Tutorial: Auto Layout & Constraints
Welcome to a new Figma tutorial on using constraints and auto-layout in Figma. In this tutorial, I will be showing you how to speed up your design process by utilizing these powerful features in Figma. By the end of this video, you will have a solid understanding of how to set up constraints between elements and how to use auto-layout to create responsive designs that automatically adjust to different screen sizes and orientations. This is one of the most powerful things you can learn to do in Figma, so be sure to pay attention and take notes. Let's get started!
1. Introduction to Figma - https://youtu.be/DhiMaGSAEi4
2. Responsive Grids - https://youtu.be/TOOrbkWxJ94
3. Typography Scale - https://youtu.be/oBBjUdwLWuQ
4. Responsive Type Scales - https://youtu.be/d0QMYUxZA5A
5. Auto Layout & Constraints - This Video
6. Creating Components - https://youtu.be/8HxNu4Qyogg
7. Figma Variants - https://youtu.be/HhSbpSzrrmU
8. Prototyping - https://youtu.be/CsMAqvRuH8g
9. Interactive Components - https://youtu.be/U_k2t2Ov-BI
10. Figma Smart Animate - https://youtu.be/6LlyeuzK2ao
11. Figma to Webflow - https://youtu.be/3mg22yAwQCQ
BECOME A DESIGN MASTER
๐ฅ https://www.uxlab.academy/
๐งโ๐ Learn Product Development: https://bit.ly/45FsPrw
๐งโ๐ Free Figma Course: https://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: https://bit.ly/3RBppjp
โจ Try Figma: https://bit.ly/3vlzF7O
๐ฌ Try FigmaJam: https://bit.ly/3vnsY59
๐ฅ Try Figma Premium: https://bit.ly/48or1Uu
๐ Try Notion: https://bit.ly/3vPecVc
๐๏ธ Try Reclaim Ai: https://bit.ly/499Au2f
CONNECT WITH ME
๐ฆ Twitter / X: https://bit.ly/3WSi3tV
๐ธ Instagram: https://bit.ly/43Gp8Ab
๐น YouTube (Subscribe): https://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 #autolayout #constarins #autolayoutfigma
#figmaautolayout
0 Comments