Fr/Percent units for more control over auto layout content

Forum|Forum|5 years ago
January 29, 2021
214 replies
20236 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

mattaningram

New Participant

Figma does not use CSS for rendering, just their own emulation of it. Therefore every single CSS feature we want to have represented in Figma needs to be recreated from scratch. Thus why some features also don’t behave the same way as CSS despite being similar.

We need a design tool built on actual web rendering. Figma is never going to be 1:1 with what CSS is capable of, and therefore will always be holding us back or adding friction to dev handoff.

Geoff-Colbath

New Participant

Earth to @Figma_Product… are you there? Can we please get a response, or would you rather have lots of dissatisfied users?

Charles4

New Member

I suggest just directly adding CSS Grid support similar to PenPot’s approach. Using CSS Grid or a combination of CSS Grid and Flex is a better layout approach in many scenarion and should be supported in Figma.

Thibault_Serre1

New Participant

Hi Figma,

I posted here 1 year ago, the topic had 400 votes
Now this topic have 850 votes,
could you juste tell us something… feeling lonely…

adding the possibility to edit the mesure in devmode is a good beggining, but please do the whole feature

This was a message from 🌍 🌎 🌏 designers

Kenny_B

+1. Hopefully by Config 25.

Tiffany10

New Member

+1 pleeease, this is so much more useful than UI3

yinghuan

+1，This is a very important feature improvement, hoping to resolve it quickly.

Jung_P

Started bringing over assets from Figma to Penpot. At this point, it’s good enough to replace Figma for client needs.

Figma used to roll out useful features quickly. Now, they’re prioritizing features based on incremental revenue opportunities or vehicle for getting internal promotion (like UI3.)

It’s not that difficult to migrate design tool, even for a midsize company.