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.
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..
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
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) ?
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
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 .
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
@@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 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.
Short and simple. No time waste ❤
Thank you!
Adding auto stretch to longest container and it is perfect
good tip
Bro make playlist on autolayout like headers, left right columns, testimonials
Thanks man, stay tuned will do!
Thanks a bunch Jonathan
Glad you enjoyed it
Short and simple
Thank you! Let me know if there are any other Figma tutorials you want to see
That was helpful for beginners since I have strong knowledge of auto layout for your video
Thanks mate! What kind of video tutorials would you like to see?
Thanks for sharing, subscribed! :)
Thank you! Working on some new videos at the moment
Hii jonathan, Can you add one absolute positioned element in this each card and do the same auto layouting thing.
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.
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..
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
One of the best🎉
Thank you!
This is really helpful. Thank you
Thank you! Glad I could help 🙌
@@jonathanwaterworththank man! I got something useful today
Thanks for sharing :)
Thank you!
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) ?
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
fye
Thanks mate
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 .
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
How did you select all of the boxes? Commend a?
Hey! You want to click 'Shift A' that applies auto layout
@@jonathanwaterworth hi! Thank you!
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
Hey Michael, I'm happy to try to help you figure it out. Can you explain what is happening when you try it?
@@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 ....
So true! Auto Layout is very powerful but can also become a big mess and make things more confusing!
@@jonathanwaterworth ❤
The box at the right end goes over the complete row when wrapping. But not in my example 🤔
Tutorial please?
Hey here you go this covers the same functions but in a longer tutorial format - ruclips.net/video/BOdpHU5Q-Kg/видео.html
Hope that helps :)
Can it do jamaican rap?
🤣you send me a video of what that sounds like and i'll check
source code?
Figma source code?
Its not working with components
It should work :) Do you have all the settings the same?
@@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.