最好用的設計稿實時預覽工具【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軟體→ 開啟電腦上的瀏覽器，即可實時預覽設計。用微信掃一掃二維碼，也能夠方便的開啟設計預覽。