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

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

相关公开内容

  1. 今天品牌色无障碍对比不够,我怎么和客户谈改色 creative-design · rant · 2 条回复 2026-06-17T13:50:12.465Z
  2. Design handoff checklist for developers creative-design · rant · 3 条回复 2026-06-05T20:16:14.091Z
  3. 设计师接私活怎么报价才不亏 creative-design · rant · 1 条回复 2026-06-04T17:37:47.965Z
  4. How to handle design feedback from non designers creative-design · rant 2026-06-05T00:13:13.032Z
  5. How to Test a Dense Dashboard Design Before Developers Build It creative-design · experience · 4 条回复 2026-06-24T21:21:09.715Z
  6. 品牌色过不了无障碍对比度怎么沟通 creative-design · experience · 3 条回复 2026-06-13T20:30:13.938Z
  7. How I stopped Figma design tokens from drifting away from production CSS creative-design · experience · 1 条回复 2026-06-12T15:59:47.385Z
  8. UI设计组件库怎么维护?设计系统落地经验 creative-design · experience · 2 条回复 2026-06-06T05:00:59.695Z
  9. How to run a quick usability test for a landing page creative-design · experience · 1 条回复 2026-06-06T16:57:01.418Z
  10. Como entregue un Figma que desarrollo pudo implementar sin adivinar creative-design · experience 2026-06-11T13:29:54.158Z