Figma新的自动布局?Flex流媒体布局

今天画图的时候,不知道怎么想的,下面这个的N个Frame按了自动布局(shift + a
然后就出现了下面的图右上角的新的布局。至于什么时候开始的这个新的自动布局我不知道,反正我今天试的时候才知道

Figma新的自动布局?Flex流媒体布局

而这个时候,新的自动布局左侧的图层的图标也变化了,如下图

Figma新的自动布局?Flex流媒体布局

接着我打开了开发模式,查看到了如下的css代码,发现采用的是display: flex; 而不是原来的 display: inline-flex; 的方式了,我是懂一点代码的,所以我发现这个自动布局应该是可以自动流动的

display: flex;
width: 771px;
align-items: center;
align-content: center;
gap: 46px 24px;
flex-wrap: wrap;

怎么个流动方法?请看下图

Figma新的自动布局?Flex流媒体布局

不得不说,新的自动布局是非常强大的,并且越发的符合代码与设计同步的标准!所以,看完的小伙伴还没用过这个功能的赶紧去试试吧!

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索