在 Figma 中:如何为 CSS 网格系统指定布局?
In Figma: How to specify layouts for CSS grid systems?
总结:当我试图使列的行为类似于 CSS 网格系统时,我似乎在 Figma 中遇到了限制。我想知道我是否误解了 Figma 的内置功能,是否有解决问题的插件,我是否必须为每个 CSS 断点创建一个 Figma 框架(不可取),或者是否有其他解决方案。
背景:作为交互/UX 设计师,我想指定基于 Web 的应用程序的响应能力,以便前端开发人员知道界面在所有浏览器宽度下应如何显示。它们在类似于 Bootstrap
的基于 CSS 的网格系统中实现
到目前为止,我未能实现我想要的,公司中最有经验的用户体验人员认为我在 Figma 的功能上遇到了限制,但他们不确定。
基本上我要的是this basic responsiveness, but column based. But as shown in this video, none of my experiments work.
我想知道是否可以归结为:如果 Figma 子元素具有:
- 水平约束设置为“比例”并且
- 垂直约束设置为“拥抱内容”
那么父元素不能有:
- 垂直约束设置为“拥抱内容”
这是 Figma 中的已知限制吗?如果是,是否有解决此问题的插件,或者是否超出了 Figma 的范围以提供与基于 CSS 的网格系统的这种对齐方式?显然,如果该解决方案也支持 breakpoints.
,那将是非常有益的
P.S。我have asked which SE site that was most suitable for this question, and SO was the suggested site. The question was closed on UX.SE.
否,根据 an answer on Figma's own forum,Figma 的列不能表现得类似于 CSS 网格系统,即使 “多个线程[已] 请求 [此] 进化”.
总结:当我试图使列的行为类似于 CSS 网格系统时,我似乎在 Figma 中遇到了限制。我想知道我是否误解了 Figma 的内置功能,是否有解决问题的插件,我是否必须为每个 CSS 断点创建一个 Figma 框架(不可取),或者是否有其他解决方案。
背景:作为交互/UX 设计师,我想指定基于 Web 的应用程序的响应能力,以便前端开发人员知道界面在所有浏览器宽度下应如何显示。它们在类似于 Bootstrap
的基于 CSS 的网格系统中实现到目前为止,我未能实现我想要的,公司中最有经验的用户体验人员认为我在 Figma 的功能上遇到了限制,但他们不确定。
基本上我要的是this basic responsiveness, but column based. But as shown in this video, none of my experiments work.
我想知道是否可以归结为:如果 Figma 子元素具有:
- 水平约束设置为“比例”并且
- 垂直约束设置为“拥抱内容”
那么父元素不能有:
- 垂直约束设置为“拥抱内容”
这是 Figma 中的已知限制吗?如果是,是否有解决此问题的插件,或者是否超出了 Figma 的范围以提供与基于 CSS 的网格系统的这种对齐方式?显然,如果该解决方案也支持 breakpoints.
,那将是非常有益的P.S。我have asked which SE site that was most suitable for this question, and SO was the suggested site. The question was closed on UX.SE.
否,根据 an answer on Figma's own forum,Figma 的列不能表现得类似于 CSS 网格系统,即使 “多个线程[已] 请求 [此] 进化”.