在图中:如何指定CSS网格系统的布局？

Question

摘要:当我试图使列的行为类似于CSS网格系统时，我似乎遇到了Figma中的一个限制。我想知道我是否误解了Figma的内置功能，是否有解决问题的插件，是否必须为每个CSS断点创建一个Figma框架(不受欢迎)，或者是否有其他解决方案。

背景:作为一个交互/ UX设计器，我想指定一个基于web的应用程序的响应性，以便前端开发人员知道界面在所有浏览器宽度上应该如何显示。它们在类似于引导的基于CSS的网格系统中实现。

到目前为止，我未能实现我想要的，公司中最有知识的UX‘’ers认为我在Figma的能力上遇到了一个限制，但他们并不确定。

基本上，我想要的是这种基本的反应能力，但是基于列。但如在这段视频里，我的实验都不起作用所示。

我想知道它是否归结为:如果一个Figma子元素有：

• 按“规模”和“规模”设置的层次约束
• 垂直约束设置为“Hug contents”

则父元素不能具有：

• 垂直约束设置为“Hug contents”

这是菲格玛已知的限制吗？如果是的话，是否有解决这个问题的插件，或者是否超出了Figma的范围来提供这种与基于CSS的网格系统的匹配？显然，如果解决方案也支持断点，那将是非常有益的。

P.S.I 已问哪个SE站点最适合这个问题，建议场地也是。这个问题已经在UX.SE上结束了。

Answer 1

No，根据关于菲格玛自己的论坛的回答的说法，Figma的列不能像CSS网格系统那样运行，即使“有几个线程请求了这种进化”。