I asked the following question on ux.stackexchange.com, but it got closed as off-topic. Also, I suppose it does not belong on neither Stack Overflow, graphicdesign.stackexchange.com nor superuser.com. Is it acceptable here? If not, is there any SE site where the question is on topic? Thanks is advance for the help. I tried to identify the appropriate site before the original post, so I'm in need of mentoring.
In Figma, is it not possible to use the columns as a CSS-style grid system?
I wonder if I have hit a limitation in Figma. As an interaction designer, I would like to specify the responsiveness of a web based application, so that the front end developers know how the interface should appear at all browser widths. To that end, 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?
Obviously, it would be awesome if the solution also supports breakpoints.