Sketch 自动布局插件介绍

简评：iOS 的自动布局已经出来好一段时间了，如果你的原型图还是只有一种屏幕尺寸的布局，那么最终的成品很可能会和你的预期不一样，瞧瞧别人是如何使用 sketch 来适配所有的 iPhone 屏幕尺寸的。

为什么我们需要自动布局？

自动布局可以给每个 UI 元素添加位置约束，这样我们只需要在一种屏幕尺寸上定义布局，然后在所有的屏幕尺寸的设备上 得到我们想要的效果，而不仅仅是 iPhone 7。

Auto-Layout for Sketch 是什么？

是一个 Sketch 插件，可以无缝集成到 Sketch 中，可以定义和查看不同的 iPhone / iPad 尺寸，包括纵向/横向。

以及一次性生成所有画板的所有屏幕尺寸的预览：

使用

1. 下载免费插件 Auto-Layout

2. 解压，然后双击 "AutoLayoutPlugin.sketchplugin" 安装该插件

3. 给图层元素定义他们的约束条件

   
   
   

4. 最后创建预览，确保你的设计图在每种尺寸的屏幕都很酷炫

如果你想了解更多的内容，还可以观看视频教程（跟着 BGM 动次打次）。

原文：Introducing Auto-Layout for Sketch
欢迎关注知乎专栏「极光日报」，每天为 Makers 导读三篇优质英文文章。

拓展阅读

• 高能提升你的Sketch效率 ：基础快捷键篇
• 「冷知识」Sketch 还能这样操作？！
• 实战篇：手把手教你用 Sketch 开始应用设计项目