4 Viewsยท 12/05/24ยท Tutorials

Figma Tutorial: Auto Layout & Constraints


designvp
Subscribers

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

Show more

Up next


0 Comments