I wonder if I have hit a limitation in Figma. I have tried to make the columns behave akin to the CSS-based grid system as championed by e.g. Bootstrap. But I failed in achieving what I want. Basically, what I want is this basic responsiveness, but column based. I assume that would make it far easier for the developers to know how to implement the design, since they use a grid system in CSS. But as shown in this video, none of my experiments work.
I wonder if it boils down to this: If a child element has:
- horisontal constraint set to “Scale” and
- vertical constraint set to “Hug contents”
Then the parent element cannot have:
- vertical constraint set to “Hug contents”
Is this is a known limitation in Figma?
If yes, are there well-supported plugins that can work around this problem, or is it outside Figma’s scope to offer this type of alignment with CSS-based grid systems?
