站酷这篇文章很不错

https://www.zcool.com.cn/article/ZMTM1NzgxNg==.html

视频教学

https://www.bilibili.com/video/BV1W34y147vz?p=9&totalPage=9


原文地址:https://mp.weixin.qq.com/s/-p8bsUoKPCRIZZffEssUFw

auto layout自动布局,毫无疑问是figma的大杀器,正如symbol之于sketch,database之于notion。

它是当之无愧的核心卖点,也是让其在设计工具之战中突破重围的胜负手。

今天,咱们就来聊聊这自动布局,没意外的话,它应该是我figma系列的最后一篇。

前排提醒:动画较多,为保证流畅的阅读体验,建议保持良好网络。

01   为啥自动布局得压轴讲

why yazhou


首先,设计师的日常工作,除了20%在发挥创意,剩下的80%都是在重复劳动;而这80%的重复劳动中,又有80%和布局相关

形、色、字、质,基本可以沿用规范。唯布局这一块占据了大量精力。

对于界面中的元素,我们需要不断得对齐、编排、审查和调整间距等等。

而当元素发生了尺寸、增减或顺序的变化后,为了维持原有的规则,**你又得花上新一轮的成本重新调整布局。**所以,很多时候看似你每天干了很多,但回过头来想想又感觉什么也没干。

一轮接一轮的需求,循环不止的重复工作很容易让你身心俱疲。