Fr/Percent units for more control over auto layout content

Forum|Forum|5 years ago
January 29, 2021
214 replies
20235 views

Although I find the new autolayout UI extremely convoluted and overdesigned, the ‘hug/fill parent’ feature is great. However, It would be immensely helpful to have more control over how the elements fill the parent.

Currently, the only option is for the elements to fill the remaining space, but oftentimes, I need certain elements to take up a certain proportion.

Example: I need element-1 to take up 2fr (~66%) and the rest to take up 1fr (~33%). It would be a game-changer if we could use ‘fr’ units.

Framer does this beautifully and it’s vital for efficient, adaptive layout workflows:

Show previous replies

Jonathon_Tesch1

+1 — would also absolutely love this feature. Working on a complex list component with optional status tags appended to each list item’s title, and a single hard pre-determined value maximum width is just not cutting it for my use case.

Jella

+1, please!

Jared_Rice

Any updates on this?

Craig19

New Member

agree. very much needed for dealing with responsive divs. ie, two elements, one 70% one 30%. each should have a min/max.

Lynsey_Loftus

Bump - need percentage options for width and height. (Not just min and max, also include “fill” + %).

Brian_Clay1

New Member

+1 for this. When using column grids you often want to set a percentage for an object to “fill”. There are some hacks you can use to make this work but it’d be awesome to have percentages to avoid hacks.