Skip to main content

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:


+1. This is one of the last pieces of the puzzle of being able to adequately mimic layouts on the web.


+1 thanks!


This is a pretty urgent need, in my opinion. Honestly, this is one of the main reasons we can’t make truly responsive components that operate and respond the way they do in code.


For example, I have a section header component that contains a title and an optional description. When the description is on, I want it to occupy 8 columns and the title to be constrained to 4 columns. But there’s just no way to achieve this in a reasonable (non-plugin / non-hack) manner. I should be able to either set them to 1/3 and 2/3, or to 4 columns and 8 columns, respectively.


This will be such a huge unlock when the enhancement makes it to Figma!



This indeed would be very nice.


It’s something that’s been requested since before Auto-layout and Figma used a different feedback and discussion forum.


Thanks for the feedback!


We’ve merged similar topics together, and we’ll pass this onto the Auto Layout team for consideration.


+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.


+1, please!


Any updates on this?


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


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


+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.


+10000!! This is the essential for a component layout flexibility, given you can’t override min/max values in nested components


Was surprised to find this isn’t a feature in Figma as I’m starting to utilize the tool more. This to me is a fundamental layout time-saver.


+1 this is a much much needed feature


+1 this would be very useful for creating more responsive designs and communicating responsiveness to developers.


Jumping in to ask for this feature.


+1 for this feature


The absence of this feature significantly diminishes the overall Figma user experience.


+1

It would be really helpful when designing tables.


+1 for this, useful to create true responsive layout and when designing tables


+1 this would be extremely helpful to make layout 1:1 with code!


This feature would make the pipeline for dynamic UI for games much better!


+1

👏 very interested in this feature!


I propose the incorporation of percentage values for general, maximum, and minimum width and height. This addition would offer greater flexibility and precision in design, empowering users to create more responsive and dynamic layouts.


+1 for percentage-based widths. At the moment it is nearly impossible to calculate widths when the parent container has a min or max-width applied.


Reply