New Member

LAUNCHED: Min and Max Width for Auto Layout

Forum|Forum|5 years ago
January 22, 2021
95 replies
65554 views

I would like to add a max-width to a text box while using auto layout to keep the word count per line at a reasonable minimum.

Currently, I have the text element set to “Fill Container” which makes the text respond very nicely to the screen size. But because it is set to “Fill Container”, the text spans the entire width of the element which makes the text lines more difficult for users to read quickly.

If a max-width was set, the component should respond until it reaches the max-width, which would help keep the line length down.

I also feel like there are many other circumstances where max and min-width would be extremely helpful

Anyone else having this issue? Or does anyone have a great fix/hack to get around it?

Looking forward to seeing what you have to say.

Cheers,

Share an idea

Show previous replies

deletedlc

no joke man. I seriously need this feature

SLT-UX

Active Member

Minimum and Maximum Width as well as Min and Max Height for Auto Layout is definitely needed!

Adriana_Mandjarova

+1
min-width, max-width and min-height, max-height are really needed when creating components with auto layouts and trying to design layout supporting a number of languages.
Hope to have it soon!

etron

100% we need this feature. +20,000,000,000 …does this feature still not exist? everyone really needs this.

Oyvind_Johannessen

+1. I have been waiting for max/min-height in Figma for a while. As key css-properties this is almost a must in Figma Also.

AlicePackard

Power Member

great news folks, figma appears to be working on this feature! a release date is unknown, nor can it be promised. only time will tell.

twitter.com

I write about building excellent Figma components on my blog: https://alicepackarddesign.com/blog

Geraldo_Pena

There are so many advanced features in Figma, and I love it for that. I really wonder how or why have Figma peeps forgotten about including min-width or max-width settings for frames or other elements.

This constitutes one of the most sought-after and overlooked inclusions for the software and it is incredible we have auto-layouts, but not a proper way to set minimum width or maximum width.

It seems like working with duplicates of the same work is the norm when it comes to UX and UI. I know we have components, but even so, I don’t see practical having a gazillion instances of a component just to convey an use case.

Please Figma, PLEEEAAAAAASSSEEEEE, for the love of god, include min-width and max-width in your feature development pipeline.

A.J_Kandy

Absolutely. Being able to create grids and layouts with behaviour that directly follows CSS Grid / Flexbox would be HUGE.

99% of my layouts involve grids and tables, and autolayout as currently implemented is not suitable for this; you end up having to do a lot of janky manual resizing to make even-sized columns.

And related to this topic, being able to set text box min and max-width using the ch unit would be really good to help with readability - using the heuristic that text should be between 45-75 characters per line.