Great tutorial as always Pablo! :) One of the text properties that I didn't see you set, which was needed for the rows to auto adjust in height based on the component width and/or content length is setting the text boxes to "Auto Height". The default settings for text boxes are "Auto Width" and "Fixed Size" depending on if you just click and type or click, drag (create fix text box size), and type. Thank you for all the awesome tutorials!
Hi D T, this comment was so helpful. I thought something was wrong with my file and I started pulling my hair. Though this comment helped me understand there was an issue, I still could not solve it. If the same thing happens to anyone else, you can duplicate the file in the description and copy the same text settings. Hope it helps :)
Thanks. Your tutorials are superior. I'll tell you why. You have the ability not to let anything out, every single step is crucial cause if even the slightest thing is left out its sure to cause havoc a couple of minutes later for the audience. I see that happen so many times in tutorials I'm trying to follow, the person speaking isn't showing everything or including every information and then suddenly it's guesswork. I also like that you are taking small breaks to demonstrate what's accomplished so far by using the design - and then further advance to the next step. This what's making your tutorials work, so keep on doing it right!
Too good to be true. I mean I am starting to use auto-layout properly and got confused about "hug content' and fill container" and your way of explanation is dope!
Excellent tutorial, this really helped me understand that you need to set both the frame and the text to fill container. I can't tell you how much this answered my questions. Thank you!
omg this is exactly what i was looking for! i had so much trouble with auto layout the entire day and you made my life so much better thank you so much :)
One thing I don't get with auto-layout is how you get to animations. Like I tried to make a simple on/off button with auto layout, and I can't use smart animations at all with it.
Thank you so much for the tutorial. I learn a lot about Figma Auto Layout just from this single video. 10:31 i don't see any Text Style on my Figma. Should we create one by one or there's already a style template we can import?
Great video! When you insert the header it looks like you have a bunch of different predefined headers to choose from. Is this a plugin or something you've done yourself? (I want it!)
Great explanation! Question, What about if adding background colors in the rows, you add a divider component between the rows in the list as for example? Thank you!!
Dude this is driving me crazy, why didn't Annette Black get any address info from Content Reel 😂 Happened to one contact in my follow along project as well, is it just random or what?
A general UI question: Do u prefer the avatar to flow with the height of the row like in your demo compared to leaving the position sticky to the place of origin? I kinda pref the latter. Same with the right action menu (context icon). What's your take on that?
I don't even know what is more excellent, the feature itself or your demos and explanation
This is the best explanation of auto layout I’ve seen. Thanks Pablo!
I concur!
Great tutorial as always Pablo! :) One of the text properties that I didn't see you set, which was needed for the rows to auto adjust in height based on the component width and/or content length is setting the text boxes to "Auto Height". The default settings for text boxes are "Auto Width" and "Fixed Size" depending on if you just click and type or click, drag (create fix text box size), and type. Thank you for all the awesome tutorials!
Hi D T, this comment was so helpful. I thought something was wrong with my file and I started pulling my hair. Though this comment helped me understand there was an issue, I still could not solve it. If the same thing happens to anyone else, you can duplicate the file in the description and copy the same text settings. Hope it helps :)
Thanks. Your tutorials are superior. I'll tell you why. You have the ability not to let anything out, every single step is crucial cause if even the slightest thing is left out its sure to cause havoc a couple of minutes later for the audience. I see that happen so many times in tutorials I'm trying to follow, the person speaking isn't showing everything or including every information and then suddenly it's guesswork. I also like that you are taking small breaks to demonstrate what's accomplished so far by using the design - and then further advance to the next step. This what's making your tutorials work, so keep on doing it right!
Too good to be true. I mean I am starting to use auto-layout properly and got confused about "hug content' and
fill container" and your way of explanation is dope!
wow, one of the best autolayout tutorials on youtube
This is by far the best and most fun playlist, Pablo.
Exactly the content I was looking for while doing my UI!
Superb Nice, Really I need much more videos for each component on Figma.
Excellent tutorial, this really helped me understand that you need to set both the frame and the text to fill container. I can't tell you how much this answered my questions. Thank you!
Thank you so much. Found this video really helpful. Was struggling with understanding auto layout before I watched this.
Brilliant video & explanation of auto layout pal.
Thank you!! You explained exactly what I was having trouble with better than Figma's own tutorials! 💜
Thank you Pablo, these videos and the snack series are GOLD.
I'm excited. I'm getting the blush plugin too. Nice tutorial!
Now that's all we need to know about auto layout. Excellent tutorial, thanks!
Pablo you are a legend. Thank you for sharing the lesson here!
omg this is exactly what i was looking for! i had so much trouble with auto layout the entire day and you made my life so much better thank you so much :)
Congrats, you really have an outstanding way of teaching and making it easy to learn. Thank you!
THANK YOU FOR THESE VIDEOS!! i had no idea that auto-layout can be used for such cool stuff
This is great, thank you! Can you make a video about making a table/spreadsheet with Auto Layout?
Thanks for your experience 🙌
Omg wow - really really good tutorial - thank you!
Great videos using real world examples. Thanks so much!
Again, absolutely brilliant tutorial
Great tutorial. Concise and all useful info, no fluff. Subscribed. Thanks for posting!
I love watching these on my 12-minute lunch break lol
just what i needed.. thank you
Thank you so much for the video, I found it very helpful to learn the tips through the example you are showcasing.
Thank you so much for this
These lessons are awesome, glad I subscribed!
You explain everything so well! God Speed You, Man!
Thank you so much for this
So cool! I love blush btw
By far, thanks a lot.
Beautifully explained and shown :)
Could you create a video showing how to create table (with line at the bottom of each element) using auto layout?
That was awesome! Thank you Pablo! 🥳
Great videotutorial men! Thank you so much!
Wow this is amazing 🤩
Thank you so much sir!
I liked this video very much. Thanks man!
Thanks Pablo
This is great, thanks! What if I want to add an online green dot overimposed to the avatar, messenger style?
So helpful :D Thank you
Is anyone else struggling at 8:31? My text won't turn into two lines! Argh! Thank you though, this is very helpful!
The video is very helpful. Thank you!
this is so helpful! thank you so much!
One thing I don't get with auto-layout is how you get to animations. Like I tried to make a simple on/off button with auto layout, and I can't use smart animations at all with it.
Thank you so much for the tutorial. I learn a lot about Figma Auto Layout just from this single video.
10:31 i don't see any Text Style on my Figma. Should we create one by one or there's already a style template we can import?
Great video! When you insert the header it looks like you have a bunch of different predefined headers to choose from. Is this a plugin or something you've done yourself? (I want it!)
Great explanation!
Question,
What about if adding background colors in the rows, you add a divider component between the rows in the list as for example?
Thank you!!
Life saver! Thank you
where has the resizing options gone? I'm looking to the right tool-bar and I dont get that key feature..
pablito! the master!
excellent man thank you so so so much!
Thanks
So cool
thank u
9:52 what happened to poor Annette’s address :(
Class👍
You are the fuc**ng best!
Dude this is driving me crazy, why didn't Annette Black get any address info from Content Reel 😂
Happened to one contact in my follow along project as well, is it just random or what?
A general UI question: Do u prefer the avatar to flow with the height of the row like in your demo compared to leaving the position sticky to the place of origin? I kinda pref the latter. Same with the right action menu (context icon). What's your take on that?
Maestro!
Your awesome!
How to select all title togehter without subtitle
7:00 AL in action
Noice
Adobe XD will copy this feature by 2030
Where is Figma Maria! 😂
1:55