Тёмный

How to use Figma Auto Layout wrap tutorial 2023  

Jonathan Waterworth
Подписаться 1,7 тыс.
Просмотров 51 тыс.
50% 1

Хобби

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

 

22 июн 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 47   
@syed.simanta820
@syed.simanta820 10 месяцев назад
Short and simple. No time waste ❤
@jonathanwaterworth
@jonathanwaterworth 10 месяцев назад
Thank you!
@yusuftursu9990
@yusuftursu9990 9 месяцев назад
Adding auto stretch to longest container and it is perfect
@jonathanwaterworth
@jonathanwaterworth 9 месяцев назад
good tip
@syed.simanta820
@syed.simanta820 10 месяцев назад
Bro make playlist on autolayout like headers, left right columns, testimonials
@jonathanwaterworth
@jonathanwaterworth 10 месяцев назад
Thanks man, stay tuned will do!
@NighatSharminn
@NighatSharminn 14 дней назад
Thanks a bunch Jonathan
@jonathanwaterworth
@jonathanwaterworth 4 дня назад
Glad you enjoyed it
@vijinraj5486
@vijinraj5486 9 месяцев назад
That was helpful for beginners since I have strong knowledge of auto layout for your video
@jonathanwaterworth
@jonathanwaterworth 9 месяцев назад
Thanks mate! What kind of video tutorials would you like to see?
@itsnikka8293
@itsnikka8293 7 месяцев назад
Thanks for sharing, subscribed! :)
@jonathanwaterworth
@jonathanwaterworth 7 месяцев назад
Thank you! Working on some new videos at the moment
@Godheals_always
@Godheals_always Год назад
This is really helpful. Thank you
@jonathanwaterworth
@jonathanwaterworth Год назад
Thank you! Glad I could help 🙌
@sh8yt
@sh8yt 11 месяцев назад
​@@jonathanwaterworththank man! I got something useful today
@nobody-bt7mu
@nobody-bt7mu Год назад
Short and simple
@jonathanwaterworth
@jonathanwaterworth Год назад
Thank you! Let me know if there are any other Figma tutorials you want to see
@uifry
@uifry 7 месяцев назад
Thanks for sharing :)
@jonathanwaterworth
@jonathanwaterworth 7 месяцев назад
Thank you!
@sahilbhat4493
@sahilbhat4493 11 месяцев назад
i have added autolayout to my desktop frame and to other frames inside that but i want to add elliptical gradients in the background to beautify the design, while doing so my whole design gets messed up, is there any way to set my background with elliptical gradients and over that add other frames without messing anything in autolayout, please reply im confused since past two days
@user-sc5kf4mj8q
@user-sc5kf4mj8q 4 месяца назад
One of the best🎉
@jonathanwaterworth
@jonathanwaterworth 3 месяца назад
Thank you!
@prashanthn8205
@prashanthn8205 9 месяцев назад
Hii jonathan, Can you add one absolute positioned element in this each card and do the same auto layouting thing.
@prashanthn8205
@prashanthn8205 9 месяцев назад
for example food cards will have Food Name or Price on the food image itself, here Food Name or Price should be made absolute positioned to fit on the food image and it should work as auto layout with multiple such cards.
@jonathanwaterworth
@jonathanwaterworth 9 месяцев назад
Yes I just tried something similar and think this can be achieved, you just have to make sure you apply to correct 'constraints' on the side panel to make it sit where you want within the card e.g. centre, bottom right, etc..
@TerpkeZ
@TerpkeZ 2 месяца назад
fye
@jonathanwaterworth
@jonathanwaterworth Месяц назад
Thanks mate
@veronicawong9910
@veronicawong9910 5 месяцев назад
Not sure if I'm doing something wrong here, but is there a way to do this but then when you get to the point where your container is less than 250px (ie all of your blocks are now stacked vertically), remove the min width so the blocks can be completely fluid with the container width (which is less than 250px at this point) ?
@jonathanwaterworth
@jonathanwaterworth 5 месяцев назад
Thanks for the question Veronica! I'm happy to be proven wrong if it there is a way, but I don't think there is, because you need the min size for it to do the stacking, but I don't think you can remove it half way I'll try have a look, but don't think it's possible currently in Figma
@rakeshreddy7079
@rakeshreddy7079 8 месяцев назад
Bro i am unable to remember thet hingd which i have done in figma ... Do you have any notes kind of thing regarding A. Text B. Image with text C. Scrolling D. Carousel with cards I am beginner please suggest me how to remember things easily ... Appreciate your help .
@jonathanwaterworth
@jonathanwaterworth 8 месяцев назад
Thanks mate, just gotta get practising, getting the reps and eve if it's passion projects on the side doesn't have to be paid will help you improve and remember things. It takes time
@AudioDestinyHQ
@AudioDestinyHQ 11 месяцев назад
How did you select all of the boxes? Commend a?
@jonathanwaterworth
@jonathanwaterworth 11 месяцев назад
Hey! You want to click 'Shift A' that applies auto layout
@AudioDestinyHQ
@AudioDestinyHQ 11 месяцев назад
@@jonathanwaterworth hi! Thank you!
@michaelschultze3595
@michaelschultze3595 Год назад
Thanks. Looks easy, but I have problems with it. It just does not work as expected. This has surely to do with the nesting of the single objects
@jonathanwaterworth
@jonathanwaterworth Год назад
Hey Michael, I'm happy to try to help you figure it out. Can you explain what is happening when you try it?
@michaelschultze3595
@michaelschultze3595 Год назад
@@jonathanwaterworth Hey Jonathan. Thanks for your help. I have managed it now. From my point of view it is just always a lot of work when you have a lot of nested objects (with auto layout) but then have to wrap the overall construction ....
@jonathanwaterworth
@jonathanwaterworth Год назад
So true! Auto Layout is very powerful but can also become a big mess and make things more confusing!
@michaelschultze3595
@michaelschultze3595 Год назад
@@jonathanwaterworth ❤
@michaelschultze3595
@michaelschultze3595 9 месяцев назад
The box at the right end goes over the complete row when wrapping. But not in my example 🤔
@tropicalhousemusic601
@tropicalhousemusic601 11 месяцев назад
Tutorial please?
@jonathanwaterworth
@jonathanwaterworth 11 месяцев назад
Hey here you go this covers the same functions but in a longer tutorial format - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-BOdpHU5Q-Kg.html Hope that helps :)
@ooogabooga5111
@ooogabooga5111 9 месяцев назад
Its not working with components
@jonathanwaterworth
@jonathanwaterworth 9 месяцев назад
It should work :) Do you have all the settings the same?
@ooogabooga5111
@ooogabooga5111 9 месяцев назад
@@jonathanwaterworth So figma doesn't inherit the "fill container" property from components, so you have to manually go to each instance of the component inside the auto layout and set it to fill to make it work. Its not a bug with wrap but figma is unable to implement it.
@SanjaySinghYT
@SanjaySinghYT 7 месяцев назад
source code?
@jonathanwaterworth
@jonathanwaterworth 7 месяцев назад
Figma source code?
Далее
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 752 тыс.
world's shortest Figma course
6:54
Просмотров 254 тыс.
ЮТУБ ЗАБЛОКИРУЮТ В РОССИИ?
14:07
Просмотров 277 тыс.
Figma Tip: Auto layout wrap
1:47
Просмотров 48 тыс.
Master Figma Auto Layout in 10 Minutes (2022 Tutorial)
11:08
60-30-10 Color Rule
6:18
Просмотров 1,9 млн
Figma Auto-layout Explained In 5 Minutes
5:11
Просмотров 54 тыс.
Figma Auto Layout | Getting Started with Auto Layout
13:16
How and When to Use Auto Layout in Figma
15:59
Просмотров 2,4 тыс.
А что так можно было?
0:22
Просмотров 3,5 млн