最好用的设计稿实时预览工具【Sketch、Android App、iOS App】

原文来自公众号：希音的设计笔记

做ui设计的朋友对于效果图的实时预览需求非常高，在这里推荐两款软件，首先说一下MAC专属：

1、Sketch Mirror

Sketch Mirror 在IOS商店可以搜索直接下载，与MAC 下 Sketch 软件里面的画板同步预览，做设计的人都知道，Sketch效率非常高，非常适合做 UI 设计的朋友，不需要保存设计稿就能直接镜像到 iPhone 或 iPad 上查看，支付多画板和 Pages 的预览，简单快捷，但是不太友好的是安卓手机无法使用，像我这样从苹果手机转到国产手机就很头疼，再怎么好用都得忍痛放弃。

01 下载：

下载地址： https://itunes.apple.com/cn/app/sketch-mirror/id677296955?mt=8

手机端：直接在App Store 搜索Sketch Mirror即可下载安装。

PC端：Mac设备上，单击 Sketch 窗口右上角的通知即可确认连接。

02 Sketch Mirror使用环境

Mac上的sketch需要43或以上的版本

iOS设备需iOS 10.0或更高版本

兼容设备：iPhone、iPad、iPod touch。

03 连接方式

Sketch Mirror 有两种使用环境，分别是 wifi 和 USB 数据线。

WIFI 环境：必须保持 PC 与 Mirror 在同一个局域网内。

USB 环境：如果没有 WIFI，直接用 USB 与 PC 连接即可，推荐使用 WIFI。

04 使用教程

打开手机上的 Mirror软件→ 打开 MAC 上的 Sketch，点击 Mirror 按钮， Mirror 图标有了变化，表示连接成功了。

连接后，会在设备上看到所有设计稿的预览，点击单个可以自动放大，左右滑动可以切换画板，上下滑动返回预览。

2、 Design Mirror

较之于Sketch Mirror， Design Mirror似乎应用更宽，支持Mac/Win操作系统，支持Photoshop/Sketch两个强大工具

新增支持Photoshop预览，Adobe XD预览，Sketch预览，不太友好的地方就是收费的，不过有15天免费试用期~

01 下载：

下载地址：http://www.psmirror.cn/zh

安卓/iOS，PC端都在这个网址下拉到最后下载即可。

02 Design Mirror使用环境

无要求

03 连接方式

Design Mirror有两种使用环境，分别是 wifi 和 USB 数据线。

WIFI 环境：将PS和手机连接到相同的wifi环境下, 打开App即可快速预览。支持多个设备同时连接，可以将多台手机，平板等设备同时连接，同步预览，同步刷新。

USB 环境：如果没有 WIFI，直接用 USB 与 PC 连接即可，推荐使用 WIFI。

04 使用教程

通过USB：将手机设备通过USB接入电脑，打开App即可自动识别连接。无需要网络的支持，连接速度更快，是您跨网络的不二之选。

同一WIFI下，打开手机上的 Design Mirror软件→ 打开电脑上的浏览器，即可实时预览设计。