9/9/2023 0 Comments Responsive resize figma![]() ![]() This is only available for objects inside an auto-layout frame.Ĥ. My favourite problem solvers: Responsive AND content-adaptive. The beauty is that you can mix and match everything to create powerful responsive elements. As mentioned, previously, auto-layout and constraints did not really work hand in hand. This will be the biggest advantage of my personal workflow! Mixing fixed and fluid settings Now you can apply responsive behaviour and keep all your spacing setup when changing content. Now it is just some clicks and nice and clean. Within an auto-layout frame, you can set some elements to fixed and some to fill the container and mix fixed and fluid. Done! Funny enough now this is harder to do in CSS than in Figma! If you have more content in a container but want all of them to have the same height, simply set all children to fill the container in height and the parent auto-layout frame to hug in height. As if you would resize the container by hand like this:ĭefinitely check out the official Figma auto-layout playground file here, many more amazing examples ! This is basically how it works: If one container has more content, it increases the height of the parent, and all others follow. I am still missing one thing though: Locking aspect ratios for images! The new feature also reflects in the Specs panel you will see that it translates it to flexbox and also shows some general behaviour.Ħ. I needed this one so badly for 90% of my projects. Now I have all this great responsive setup and tools but see my image ratio falling apart every time I resize, which is such a shame. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |