Тёмный

Auto layout tutorial for beginners (2024) 

UX Tshili
Подписаться 6 тыс.
Просмотров 3 тыс.
50% 1

Use Figma Auto layout to help you design faster and more efficiently. I break down in simple terms what Auto Layout is and how it can help you save time when designing. I also explain how to fix Auto Layout issues that may occur when designing.
00:00 Intro
01:15 Auto Layout Example
02:14 Basics
03:00 Wrap (New Feature)
03:18 Padding / Dynamic button
04:00 Align
04:25 Advanced settings
04:50 Text baseline
05:33 Hug & Fixed width/ Height
05:58 Text - grow and shrink
06:28 Fix Auto Layout issues
06:53 Absolute Position
07:20 Design
09:12 Responsive design
📺 Watch next:
- Responsive Web Design Grid: • Master Responsive Desi...
- Figma componenets & Variables: • Figma Components, Vari...
📘 UX Books:
- Dont make me think: amzn.to/3VBi4Bj
- The design of everyday things: amzn.to/3BdWMS
Mailing list: mailchi.mp/ca5....
Instagram: / uxtshili
Twitter: / uxtshili
Tiktok: / uxtshili
💬 HAVE QUESTIONS about UX/UI, tech or Figma? Add it in the comments and I will be happy to answer. You can also let me know what topics you would like me to create videos on
Some of the above are affiliate links, at no extra cost to you.

Хобби

Опубликовано:

 

17 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 39   
@user-1836-jdk
@user-1836-jdk 11 месяцев назад
I like that you didn't edit out the last part where you forgot to add the minimum width to the middle card. It shows the possible ways we can go wrong and makes troubleshooting easier. Great video 👏
@uxtshili
@uxtshili 11 месяцев назад
Yes, things go wrong all the time, its part of the process. Thanks for watching 😊
@ezehsophia4975
@ezehsophia4975 2 месяца назад
Best auto layout video I’ve seen. You explained it so well ❤❤
@uxtshili
@uxtshili Месяц назад
Thank you so much. Glad it was useful
@mochithemameshiba
@mochithemameshiba 10 месяцев назад
OMG love! I've watched over 10 videos on auto layout and yours was by far the clearest! You were the only one that said you can do multiple auto-layouts within auto-layouts and that helped me a lot!! My brain thanks you so much!! xx
@uxtshili
@uxtshili 10 месяцев назад
Thank you so much, Glad it was helpful!
@nikoma_
@nikoma_ 10 месяцев назад
My fav UX/UI/Figma RU-vidr. Wish I would have discovered you sooner.
@uxtshili
@uxtshili 10 месяцев назад
Thanks for watching
@TwoLeggedTriceratops
@TwoLeggedTriceratops 10 месяцев назад
I feel like the juxtaposition of having "Master X in Y minutes" in the title against your calm pacing and chill background music somehow warped space-time and you managed to end up fitting what feels like 30 minutes of quality content into 10. Please keep making videos :)
@uxtshili
@uxtshili 10 месяцев назад
Yes I work really hard to simplify every thing. Glad you found it useful 😊
@sjc406
@sjc406 10 месяцев назад
Thank you for making the video! You have a really calm and clear way of explaining auto layout. Thank you for doing it in real time...some of the sped up and too chop edited video is anxiety inducing ...like they all had too much caffeine. Showing what can go wrong with auto-layout was also very helpful because it happens to me all the time and I can't figure out what I did wrong. Thanks again!
@uxtshili
@uxtshili 10 месяцев назад
Im so glad you found it useful. Thanks for watching 😊
@aneeshaaw
@aneeshaaw 10 месяцев назад
Best tutorial yet!
@uxtshili
@uxtshili 10 месяцев назад
Glad it was helpful!
@megadeveloper4808
@megadeveloper4808 11 месяцев назад
Very informative, thank you.
@uxtshili
@uxtshili 11 месяцев назад
Thanks for watching!
@adebolaaderohunmu4710
@adebolaaderohunmu4710 Год назад
This is so well detailed. I love it and definitely watching again. I highly recommend
@uxtshili
@uxtshili Год назад
Thank you! Glad you found it useful😊
@Quizkittens
@Quizkittens Год назад
Please keep your videos like this, straight to the point and engaging.
@uxtshili
@uxtshili Год назад
Thank you so much
@etherealhacking9284
@etherealhacking9284 9 месяцев назад
Thank you for making the video.
@uxtshili
@uxtshili 8 месяцев назад
Glad it was helpful!
@temitopeolowe6191
@temitopeolowe6191 Год назад
Thank you tshili, so detailed
@uxtshili
@uxtshili Год назад
Glad you found it useful😊
@user-uy6ze8vx4e
@user-uy6ze8vx4e 11 месяцев назад
I love your tutorials. I've been looking for 2 weeks, and this is great. So clear and step by step. Thank goodness! Please make more classes!!
@uxtshili
@uxtshili 10 месяцев назад
Yes more videos coming soon!
@yarosonelizabeth53
@yarosonelizabeth53 Год назад
You literally just explained auto layout in 10 minutes and I understood everything! I love how this video was simple and straight to the point! Thank you so so much, this was incredibly helpful!
@uxtshili
@uxtshili 11 месяцев назад
Thank you for watching. I'm glad it was helpful 😊
@shierly9132
@shierly9132 Год назад
I really stressed how to use auto layout & your explanation really help me a lot. Your video is really easy to understand. Thank you so much
@uxtshili
@uxtshili Год назад
Glad it helped! 😊
@saramapat
@saramapat 11 месяцев назад
thank you.🥰
@uxtshili
@uxtshili 11 месяцев назад
You’re welcome 😊
@ThierryC-te3rx
@ThierryC-te3rx Год назад
Thanks Tshili
@uxtshili
@uxtshili Год назад
Thanks for watching
@izuwapraise3328
@izuwapraise3328 3 месяца назад
Great video. Please I skipped the part where u grouped elements. How do I group elements?
@uxtshili
@uxtshili 3 месяца назад
Press CMD +A on a Mac, or if you right click there is "Add autolayout" in the list
@izuwapraise3328
@izuwapraise3328 3 месяца назад
@@uxtshili thank u😘
@YasserShaaf
@YasserShaaf Год назад
At 7:30 , did you use group feature or auto layout?
@uxtshili
@uxtshili Год назад
Auto layout :)
Далее
معركة من أجل العصيدة 👧ضد🪳
00:26
Responsive Design in Figma: Crash Course 2023
20:47
Просмотров 110 тыс.
The Google UX Design Project that got me HIRED at IBM
18:51
Master Figma Auto Layout in 10 Minutes (2022 Tutorial)
11:08
Responsive Website In Figma
26:30
Просмотров 97 тыс.
Старик держит дисциплину🔥
0:26
Ma vie ❤️ #love
0:16
Просмотров 77 млн