Figma Tip: Using Auto layout min and max values
HTML-код
- Опубликовано: 12 июл 2023
- In this two minute tutorial, learn how to use min and max values when working with your designs. Added Bonus, learn how to use the updated text truncation and max lines feature for paragraph text.
Figma is free to use. Sign up here: bit.ly/3msp0OV
____________________________________________________
Find us on ⬇️
Twitter: / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #Config2023 #responsivedesign #autolayout - Наука
I absolutely ❤ your tutorials, they're short, concise, and straight to the point! Keep 'em coming!!!! 🥰🥰🥰
This is hands-down the single best video I’ve seen on this channel so far. It is clear, to-the-point, and respects the viewer’s time. If this presenter wrote a book, I would read it. More content like this, please!
More power to the design team at Figma and Miggi for explaining this concept with such ease
I like this mini tutorial. Thank you, it’s very helpful.
You must add percentages and FR units to it. It will be a complementary part to variables and will change the way to do responsive design!
FIrst we need Grid
I love the aprupt ending
Was applying a post trim in RUclips and I accidentally the ending. I didn't think it would be so abrupt or warranted a new upload. The additional thing I said was "Happy Designing."
Figma is getting better and better ❤🔥
Excellent tutorial, extremely efficient
Great tutorial!
really cool tips!!
Wow that was straight forward
lightspeed! many thx
@Figma That's great, thanks. Can you please make a video how to make the image component to retain aspect ration, while increasing and decreasing the size of the card? Thanks!
Would help to have more details - the tags wrap because you've set them to wrap, but the text is set to vertical - things like that matter because trying to follow this gave me very different results.
That waa fast. Awesome
Great. And what about the image ratio?)
Hi there! I'm trying to use a min/max valur on each of my cards and then have them stack once the entire row hits a minimum width. Is there a way to do this? I want my cards to get to 320px width first, then start wrapping on the page to allow for tablet and mobile page widths. I don't want to set a fixed with on each card because then that won't allow the content within each card to wrap until it hits 320 width. Help. 😅
It would be very very helpful if you could share this file so we can immediately play with it. Thanks!
Bruh, that width was inactive. I never noticed there was a max/min drop-down; I was struggling to make my design responsive for 3 hours... thank you very much 😊
Was this guy bursting to go to the toilet, or something? Why was he going so fast? I had to watch it nearly 10 times to catch everything he did. SLOOOOWWWWW DOMN BUDDY!!!
worth it
Good
Can you set a max width for the text? Instead of just the lines of text. So basically I want to give a character limit to a line of text so it wraps if the frame exceeds that.
If you set the text field to auto height and a fixed width or min-width the text will wrap. A simple calculation I use (This is Miggi btw) is the font-size multiplied by the character limit divided by two. So a character width limit of approximately 64 characters wide at a font size of 16 would be 16*32 or 512 max width. In CSS code you could specify 32em with em being the font size of the text block.
Also, yes. (Miggi)
This is what I need, fast & furious tutorial
I felt so respected by this fast tutorial! 🥹 Thank you so so much!!!
Great tutorial, just wish you'd slow down a tad. Thanks
there's a typo on the thumbnail, also great vid!
Ha, thanks was trying to move too fast. I just updated the thumbnail and trimmed the clip so it shouldn't show when it updates.
Supafast
I blinked and he was done.
He better respect the 1:57 time limit!
This is awesome but it's still pixel based. Designing with pixels as units should be illegal by next year, please add FR or Percentages
mix/max on the thumbnail
I thought mix is a new feature 😆
yeah, I knowww. I fixed it though. refresh :D.
Please add fill width to child items when creating an auto-layout. Doing this 1000 times a day is so useless and time consuming . The case that your child item is a fill width is way more likely than the other options.
It would be such a time safer when the default would be a fill width.
He demonstrated in the video that if you select the parent, hit enter, it selects all child elements and then you can set them all to fill at the same time
@@cinderful well yeah, that's my point. If you are a professional you are doing this action a 1000 times a day. It would be so many selections, enters and parameter selections less a day if it would be set as default.
And as always, ha
and as always what?
"Happy Designing" (Sorry I messed up the upload) - Miggi
( Its how you know a human did it. )
@@Figma haha no worries, it's funny, i thought it was on purpose lol