@JingDesign?：如果說Sketch是萬能的你一定不信，不過今天這款Magic Mirror會讓你完美感受Sketch中智能對象的魅力，不到10KB的大小，一鍵完美展示設計作品，神器已打包微盤，來收！

Sketch的插件總是給我們無限驚喜，昨天晚上Sketch measure的插件作者Utom向我推薦了一款名為Magic Mirror的插件，那翻譯過來就是“魔鏡”。魔鏡魔鏡誰是最好用的移動端UI設計軟件呢？ 魔鏡：“主人，那必須是Sketch好么？”是的，今天為大家安利這款Magic Mirror，通過這個插件，我們可以輕松把自己的artboard中的界面變成如下的樣子。

這么炫酷的效果在Sketch中只需一分鐘即可搞定，小伙伴一定會問，你是怎么在Sketch中做到的？別著急，很簡單，首先我們先來下載這款Sketch Mirror的插件吧

如何下載和安裝：

插件下載地址位于本文末尾。下載解壓后，雙擊插件即可安裝成功。這里要注意一點，請不要使用Sketchtoolbox安裝這款插件，因為靜電在安裝過程中始終無法正確使用此插件，因此推薦使用手工下載安裝的方法。

插件打包 微盤下載

插件使用方法：

1.在Sketch中準備好一張你已經設計好的Artboard界面。

2.另外準備一張Sketch圖片，比如靜電準備的這張。

3.將這張Sketch圖拖到Sketch中，請確保這張圖和你剛才準備的設計稿不在一個artboard中。你可以將它拖動到工作區的其他位置即可。

4.接下來在這張Sketch需要展示界面的位置使用鋼筆繪制不規則矩形（必須確保只有四個點，另外請不要使用圓角矩形工具，這將導致插件失效。）繪制后如下圖紅色區域。

5.接下來的這步很重要，選中這個紅色的圖形，將此圖層的名稱命名為與你準備好的artboard的命名一樣，比如靜電的命名為Sketch。則artboard的名字也需要為Sketch。

6.選中紅色的矩形，然后執行菜單plugin>Magic Mirror>Magic Mirror！

7.見證奇跡的時刻到來了！怎么樣，足夠簡單吧？

更重要的是，如果這時我更改了artboard中的設計稿，則只需再次執行插件命令，則這張Sketch也會隨之變化，簡直方便到爆有木有？

Magic Mirror插件菜單的其他功能

細心的同學還會發現插件菜單中的另外兩項功能，他們是：

1. Jump to artboard-選中Sketch中的圖形，可以迅速定位到它調用的artboard位置。
2. Rotate Points-有時候使用Magic Mirror會導致Sketch上下左右顛倒，這個時候就需要使用這個功能來調整方向。

接下來，讓我們看看官方網站的演示動畫(gif)。

下圖演示的是如何使用Magic Mirror功能

下圖演示的是如何使用Rotate Points功能

下圖演示的是如何使用Jump to artboard功能

心動了？就趕緊下載Magic Mirror插件吧。

另外感謝Sketch measure插件的作者utom友情推薦此款插件，大家也不要忘記支持Utom的Measure插件哈

第一手原創設計文章及內容，盡在靜design公眾號（長按二維碼關注）

Sketch教程合集持續更新中：

1. 《SKETCH設計教室！從零開始學APP設計利器SKETCH（一）》
2. 《SKETCH設計教室！從零開始學APP設計利器SKETCH（二）》
3. 《SKETCH設計教室！帶你了解超好用的SKETCH插件》
4. 《想要一稿過不加班？SKETCH絕配神器MIRROR搶先體驗》
5. 《超實用！SKETCH大師最常用的3個實戰小技巧》
6. 《前端神器！為網頁設計而生的15個優質SKETCH插件》
7. 《SKETCH新手指南！10個幫你UI設計提速的SKETCH使用技巧》
8. 《超能陸戰隊！手把手教你用SKETCH繪制萌萌噠的大白》

作者：@JingDesign

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量99萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：