magic-mirror-sketch-plugin-1

@JingDesign :如果说Sketch是万能的你一定不信,不过今天这款Magic Mirror会让你完美感受Sketch中智能对象的魅力,不到10KB的大小,一键完美展示设计作品,神器已打包微盘,来收!

Sketch的插件总是给我们无限惊喜,昨天晚上Sketch measure的插件作者Utom向我推荐了一款名为Magic Mirror的插件,那翻译过来就是“魔镜”。魔镜魔镜谁是最好用的移动端UI设计软件呢? 魔镜:“主人,那必须是Sketch好么?”是的,今天为大家安利这款Magic Mirror,通过这个插件,我们可以轻松把自己的artboard中的界面变成如下的样子。

5jd20150810

6jd20150810

这么炫酷的效果在Sketch中只需一分钟即可搞定,小伙伴一定会问,你是怎么在Sketch中做到的?别着急,很简单,首先我们先来下载这款Sketch Mirror的插件吧

如何下载和安装:

插件下载地址位于本文末尾。下载解压后,双击插件即可安装成功。这里要注意一点,请不要使用Sketchtoolbox安装这款插件,因为静电在安装过程中始终无法正确使用此插件,因此推荐使用手工下载安装的方法。

插件打包 微盘下载

插件使用方法:

1.在Sketch中准备好一张你已经设计好的Artboard界面。

7jd20150810

2.另外准备一张Sketch图片,比如静电准备的这张。

8jd20150810

3.将这张Sketch图拖到Sketch中,请确保这张图和你刚才准备的设计稿不在一个artboard中。你可以将它拖动到工作区的其他位置即可。

9jd20150810

4.接下来在这张Sketch需要展示界面的位置使用钢笔绘制不规则矩形(必须确保只有四个点,另外请不要使用圆角矩形工具,这将导致插件失效。)绘制后如下图红色区域。

10jd20150810

5.接下来的这步很重要,选中这个红色的图形,将此图层的名称命名为与你准备好的artboard的命名一样,比如静电的命名为Sketch。则artboard的名字也需要为Sketch。

11jd20150810

6.选中红色的矩形,然后执行菜单plugin>Magic Mirror>Magic Mirror!

12jd20150810

7.见证奇迹的时刻到来了!怎么样,足够简单吧?

13jd20150810

更重要的是,如果这时我更改了artboard中的设计稿,则只需再次执行插件命令,则这张Sketch也会随之变化,简直方便到爆有木有?

Magic Mirror插件菜单的其他功能

细心的同学还会发现插件菜单中的另外两项功能,他们是:

  1. Jump to artboard-选中Sketch中的图形,可以迅速定位到它调用的artboard位置。
  2. Rotate Points-有时候使用Magic Mirror会导致Sketch上下左右颠倒,这个时候就需要使用这个功能来调整方向。

接下来,让我们看看官方网站的演示动画(gif)。

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

1jd20150810

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

2jd20150810

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

3jd20150810

心动了?就赶紧下载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】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

点赞
收藏 3

发表评论 已发布 1

还可以输入 800 个字
 
 
载入中....
相关推荐
1 收藏