基础提速
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 — 快速填充真实数据
设计效率的关键不是画得快,而是少画不必要的东西。
— EOF —