Is it possible to add a percentage for two (or more) columns at 70% and 30% and they resize accordingly when changing the width of the parent container, rather then set widths or fill?
Solved
Percentage for two (or more) columns
Best answer by Thiago_Andrade1
Hey Sul! How are you doing?
Uff, that’s tables are definitely the nightmare of every designer and unfortunately we don’t have an easy way to do it, maybe Figma will create something to make this process easier, either with a widget or more advanced constraints, whatever.
Quick answer: yes, but not the way you would like to, if you are doing that forget about using auto-layout, but a way for achieving the result is:
- Set Initial Width:
- Initially set the width of the 70% column to be 70% of the frame’s width, and the 30% column to be 30%.
- Set Constraints: Select your columns and click on the constraints section in the properties panel (on the right side):
There are many downsides when doing it and I could create a list of it but I think you have already noticed by yourself that this won’t work all the time. Below you find a video of the applied ideas:
This topic has been closed for replies.
Hey Sul! How are you doing?
Uff, that’s tables are definitely the nightmare of every designer and unfortunately we don’t have an easy way to do it, maybe Figma will create something to make this process easier, either with a widget or more advanced constraints, whatever.
Quick answer: yes, but not the way you would like to, if you are doing that forget about using auto-layout, but a way for achieving the result is:
- Set Initial Width:
- Initially set the width of the 70% column to be 70% of the frame’s width, and the 30% column to be 30%.
- Set Constraints: Select your columns and click on the constraints section in the properties panel (on the right side):
There are many downsides when doing it and I could create a list of it but I think you have already noticed by yourself that this won’t work all the time. Below you find a video of the applied ideas:
1 person likes this
Ah, the second screenshot is here:
LightshotFeel free to reach out:
https://www.linkedin.com/in/thiux/
https://twitter.com/thi_ux
Superstar!!! Thank you so much @Thiago_Andrade1 for the breakdown!! I really do appreciate it 🙌🏽
1 person likes this
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.