Тёмный

Figma Tip: Using Auto layout min and max values 

Figma
Подписаться 599 тыс.
Просмотров 58 тыс.
50% 1

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

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 47   
@oposkainaxei
@oposkainaxei 3 месяца назад
I just wanted to mention that I loved the fast talking and not repeating things! That‘s the way it should be. Thanks!
@HansvandeBruggen
@HansvandeBruggen Год назад
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!
@DesignLB
@DesignLB Год назад
I absolutely ❤ your tutorials, they're short, concise, and straight to the point! Keep 'em coming!!!! 🥰🥰🥰
@princestudio8035
@princestudio8035 Год назад
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!
@person81045
@person81045 Год назад
FIrst we need Grid
@HardiRiddhi
@HardiRiddhi Год назад
More power to the design team at Figma and Miggi for explaining this concept with such ease
@ArseniyKruglov
@ArseniyKruglov Год назад
Figma is getting better and better ❤‍🔥
@aaronmahlke
@aaronmahlke Год назад
I love the aprupt ending
@figma-miggi
@figma-miggi Год назад
Was applying a post trim in RU-vid 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."
@amandastauffer5703
@amandastauffer5703 Год назад
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.
@maxjt11
@maxjt11 Год назад
Excellent tutorial, extremely efficient
@victorzollikofer1292
@victorzollikofer1292 Год назад
Wow that was straight forward
@mischugo
@mischugo 2 месяца назад
A combination of auto layout, min max, and variables makes many things easier. But, more options are missing. Example desktop: I have a container with two boxes next to each other in a ratio of 3:1. When I select my variable for tablet, I want the ratio to be 2:1 (next to each other), and 1:1 below each other for mobile. Or described differently: maybe you can add an option like min/max 1, min/max2 ...
@OkAnup
@OkAnup 10 месяцев назад
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 😊
@effectvision
@effectvision 9 месяцев назад
@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!
@saas-space
@saas-space Год назад
Great tutorial!
@sumberdanadesign7588
@sumberdanadesign7588 Год назад
This is what I need, fast & furious tutorial
@InesaShevchenko
@InesaShevchenko Год назад
Great. And what about the image ratio?)
@proboto6680
@proboto6680 Год назад
lightspeed! many thx
@MetaWoody
@MetaWoody Год назад
It would be very very helpful if you could share this file so we can immediately play with it. Thanks!
@silage2000
@silage2000 Год назад
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!!!
@jasonbocchi7736
@jasonbocchi7736 Год назад
Great tutorial, just wish you'd slow down a tad. Thanks
@evonevon7287
@evonevon7287 Год назад
really cool tips!!
@briannaaikens6039
@briannaaikens6039 Год назад
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. 😅
@gospoda2
@gospoda2 Год назад
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.
@Figma
@Figma Год назад
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.
@Figma
@Figma Год назад
Also, yes. (Miggi)
@PaulaCastillo-i8l
@PaulaCastillo-i8l 2 месяца назад
I don't understand where the max-width went after the latest update 😫I'm so lost
@MyDigitalHub
@MyDigitalHub Год назад
That waa fast. Awesome
@thisissam123
@thisissam123 Год назад
there's a typo on the thumbnail, also great vid!
@figma-miggi
@figma-miggi Год назад
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.
@jdanielortega
@jdanielortega 9 месяцев назад
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
@sohanvjartakhani
@sohanvjartakhani 9 месяцев назад
worth it
@incyphe
@incyphe Год назад
He better respect the 1:57 time limit!
@dewanbageradorsho
@dewanbageradorsho Год назад
Good
@byebyebirdie8027
@byebyebirdie8027 Год назад
I blinked and he was done.
@Sanny.V
@Sanny.V Год назад
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.
@cinderful
@cinderful Год назад
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
@Sanny.V
@Sanny.V Год назад
@@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.
@utkarshmishra7814
@utkarshmishra7814 Год назад
Supafast
@Chris-jm2gx
@Chris-jm2gx Год назад
mix/max on the thumbnail I thought mix is a new feature 😆
@figma-miggi
@figma-miggi Год назад
yeah, I knowww. I fixed it though. refresh :D.
@eliagavriluyk8733
@eliagavriluyk8733 7 месяцев назад
And as always, ha
@alifhunter
@alifhunter Год назад
and as always what?
@Figma
@Figma Год назад
"Happy Designing" (Sorry I messed up the upload) - Miggi
@Figma
@Figma Год назад
( Its how you know a human did it. )
@alifhunter
@alifhunter Год назад
@@Figma haha no worries, it's funny, i thought it was on purpose lol
Далее
Figma Tip: Auto layout wrap
1:47
Просмотров 55 тыс.
ŠKODA не перестает удивлять
00:48
Просмотров 569 тыс.
МЭЙБИ БЭЙБИ - Hit Em Up (DISS)
02:48
Просмотров 370 тыс.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 833 тыс.
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
KILLER Auto Layout Tutorial in FIGMA
10:36
Просмотров 32 тыс.
Component properties
6:29
Просмотров 64 тыс.
Auto Layout for Beginners (crash course)
21:19
Просмотров 41 тыс.
Figma tutorial: Prototype with variables
13:23
Просмотров 342 тыс.
Figma tutorial: What’s new in Auto layout #Config2022
15:41
world's shortest Figma course
6:54
Просмотров 359 тыс.