Тёмный
No video :(

How to use Figma Auto Layout wrap tutorial 2023  

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

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

 

22 июн 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@syed.simanta820
@syed.simanta820 11 месяцев назад
Short and simple. No time waste ❤
@jonathanwaterworth
@jonathanwaterworth 11 месяцев назад
Thank you!
@diegogarcia-serna9773
@diegogarcia-serna9773 День назад
Didn't know about the wrapping multiple objects part! Super cool
@yusuftursu9990
@yusuftursu9990 10 месяцев назад
Adding auto stretch to longest container and it is perfect
@jonathanwaterworth
@jonathanwaterworth 10 месяцев назад
good tip
@syed.simanta820
@syed.simanta820 11 месяцев назад
Bro make playlist on autolayout like headers, left right columns, testimonials
@jonathanwaterworth
@jonathanwaterworth 11 месяцев назад
Thanks man, stay tuned will do!
@saleema6308
@saleema6308 13 дней назад
good but you used an outer frame to wrap the cards.
@NighatSharminn
@NighatSharminn Месяц назад
Thanks a bunch Jonathan
@jonathanwaterworth
@jonathanwaterworth Месяц назад
Glad you enjoyed it
@Godheals_always
@Godheals_always Год назад
This is really helpful. Thank you
@jonathanwaterworth
@jonathanwaterworth Год назад
Thank you! Glad I could help 🙌
@sh8yt
@sh8yt Год назад
​@@jonathanwaterworththank man! I got something useful today
@vijinraj5486
@vijinraj5486 10 месяцев назад
That was helpful for beginners since I have strong knowledge of auto layout for your video
@jonathanwaterworth
@jonathanwaterworth 10 месяцев назад
Thanks mate! What kind of video tutorials would you like to see?
@user-sc5kf4mj8q
@user-sc5kf4mj8q 6 месяцев назад
One of the best🎉
@jonathanwaterworth
@jonathanwaterworth 5 месяцев назад
Thank you!
@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 8 месяцев назад
Thanks for sharing :)
@jonathanwaterworth
@jonathanwaterworth 8 месяцев назад
Thank you!
@prashanthn8205
@prashanthn8205 10 месяцев назад
Hii jonathan, Can you add one absolute positioned element in this each card and do the same auto layouting thing.
@prashanthn8205
@prashanthn8205 10 месяцев назад
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 10 месяцев назад
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..
@Akikosmik
@Akikosmik 8 месяцев назад
Thanks for sharing, subscribed! :)
@jonathanwaterworth
@jonathanwaterworth 8 месяцев назад
Thank you! Working on some new videos at the moment
@rakeshreddy7079
@rakeshreddy7079 9 месяцев назад
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 9 месяцев назад
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
@veronicawong9910
@veronicawong9910 6 месяцев назад
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 6 месяцев назад
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
@sahilbhat4493
@sahilbhat4493 Год назад
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
@AudioDestinyHQ
@AudioDestinyHQ Год назад
How did you select all of the boxes? Commend a?
@jonathanwaterworth
@jonathanwaterworth Год назад
Hey! You want to click 'Shift A' that applies auto layout
@AudioDestinyHQ
@AudioDestinyHQ Год назад
@@jonathanwaterworth hi! Thank you!
@TerpkeZ
@TerpkeZ 3 месяца назад
fye
@jonathanwaterworth
@jonathanwaterworth 2 месяца назад
Thanks mate
@mischugo
@mischugo Год назад
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?
@mischugo
@mischugo Год назад
@@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!
@mischugo
@mischugo Год назад
@@jonathanwaterworth ❤
@mischugo
@mischugo 11 месяцев назад
The box at the right end goes over the complete row when wrapping. But not in my example 🤔
@venomousuiux
@venomousuiux 19 дней назад
Can it do jamaican rap?
@jonathanwaterworth
@jonathanwaterworth 15 дней назад
🤣you send me a video of what that sounds like and i'll check
@tropicalhousemusic601
@tropicalhousemusic601 Год назад
Tutorial please?
@jonathanwaterworth
@jonathanwaterworth Год назад
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 11 месяцев назад
Its not working with components
@jonathanwaterworth
@jonathanwaterworth 10 месяцев назад
It should work :) Do you have all the settings the same?
@ooogabooga5111
@ooogabooga5111 10 месяцев назад
@@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 9 месяцев назад
source code?
@jonathanwaterworth
@jonathanwaterworth 9 месяцев назад
Figma source code?
Далее
Master Figma Auto Layout in 10 Minutes (2022 Tutorial)
11:08
Figma Tutorial: Auto Layout & Constraints
14:49
Просмотров 21 тыс.
How to Properly Layout A Website (For Beginners)
14:50
Просмотров 565 тыс.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 780 тыс.
Amateur vs Pro UI Design | with examples
20:46
Просмотров 74 тыс.
Auto Layout for Beginners (crash course)
21:19
Просмотров 22 тыс.