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. How to handle design feedback from non designers creative-design · rant 2026-06-05T00:13:13.032Z
  4. 设计师接私活怎么报价才不亏 creative-design · rant · 1 条回复 2026-06-04T17:37:47.965Z
  5. Mobile Form UX Problems: How I Fixed Checkout Drop-Off With Better Error States creative-design · experience · 3 条回复 2026-07-10T18:44:33.812Z
  6. How to Test a Dense Dashboard Design Before Developers Build It creative-design · experience · 4 条回复 2026-06-24T21:21:09.715Z
  7. 品牌色过不了无障碍对比度怎么沟通 creative-design · experience · 3 条回复 2026-06-13T20:30:13.938Z
  8. How I stopped Figma design tokens from drifting away from production CSS creative-design · experience · 1 条回复 2026-06-12T15:59:47.385Z
  9. Como entregue un Figma que desarrollo pudo implementar sin adivinar creative-design · experience 2026-06-11T13:29:54.158Z
  10. Diseno aprobado pero imposible de implementar igual creative-design · experience 2026-06-07T19:30:09.901Z