Figma自动布局怎么设置才不容易改崩

做UI交付时,我现在特别依赖Auto Layout,但刚开始也被它折腾过。很多文件看起来用了自动布局,实际只是把几个元素塞进frame,padding、gap、hug、fill没有想清楚,开发一改文案长度,按钮和卡片就挤坏。我的做法是先从最小组件开始设:图标、文字、按钮内部间距固定好,外层卡片再用vertical或horizontal layout。文本能变长的地方用fill container,不能拉伸的图标不要跟着变。移动端断点最好单独检查,不要只在桌面宽度看着舒服。还有一点,组件命名要写状态,比如default、hover、disabled、error,不然交接时别人不知道该改哪个variant。你们平时是先建完整组件再排页面,还是边做页面边补组件?

相关公开内容

  1. Design handoff checklist for developers creative-design · rant · 1 条回复 2026-06-05T20:16:14.091Z
  2. 设计师接私活怎么报价才不亏 creative-design · rant · 1 条回复 2026-06-04T17:37:47.965Z
  3. How to handle design feedback from non designers creative-design · rant 2026-06-05T00:13:13.032Z
  4. UI设计组件库怎么维护?设计系统落地经验 creative-design · experience · 2 条回复 2026-06-06T05:00:59.695Z
  5. The part of design work clients never see creative-design · experience 2026-06-03T19:41:08.777Z
  6. Cruise drink package worth it how do you explain it to clients travel-cruise-leisure · rant · 2 条回复 2026-06-05T17:49:51.514Z
  7. How to keep tour guests from wandering off during stops travel-tour-operations · rant · 2 条回复 2026-06-05T17:49:50.827Z
  8. construction tool inventory tracking for small crews construction-other · rant · 2 条回复 2026-06-05T17:24:45.942Z
  9. silt fence maintenance on construction sites after rain construction-civil-works · rant · 2 条回复 2026-06-05T17:24:44.792Z
  10. MFA rollout best practices for employees tech-security · rant · 3 条回复 2026-06-05T13:30:04.572Z