首页 设计 Figma 高效设计:10 个你可能不知道的技巧
设计

Figma 高效设计:10 个你可能不知道的技巧

纳米缪斯 | | 14

基础提速

1. Auto Layout 嵌套

Auto Layout 可以无限嵌套,用它来构建整个页面的响应式框架。内层控制组件间距,外层控制区块排列。

2. 组件变体 (Variants)

把按钮的 hover、active、disabled 状态做成变体,切换状态只需要在右侧面板点一下。

3. 批量重命名图层

选中多个图层后 Ctrl+R,支持正则替换,告别 Frame 237 这种命名。

进阶技巧

4. 设计 Token

用变量(Variables)定义颜色、间距、圆角等 Token,一键切换亮暗主题。

5. 智能动画

Smart Animate 会自动补间相同名称图层的位置、大小、透明度变化,做原型转场超方便。

推荐插件

  • Stark — 无障碍检查
  • Iconify — 海量图标库
  • Content Reel — 快速填充真实数据
设计效率的关键不是画得快,而是少画不必要的东西。
END
← 上一篇 2026 年春季新番推荐 TOP 5 下一篇 → 程序员的年度阅读清单:技术之外的 5 本书