静电
管理员
管理员
  • UID1
  • 发帖数1173
  • 威望37899点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 喜欢达人
  • 优秀斑竹
  • 原创写手
阅读:49621回复:82

[插件]Sketch中的智能对象-Magic Mirror插件下载地址及安装【文件已更新】

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

图片:prr02.jpg


图片:prr01.jpg



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

如何下载和安装:

下载Magic Mirror插件(下载文件3月31日已更新):
MagicMirror2.sketchplugin.zip

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


插件使用方法:
1.在sketch中准备好一张你已经设计好的Artboard界面。

图片:step01.jpg



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

图片:iphonemockup02.jpg



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

图片:step03.jpg



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

图片:step04.jpg



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

图片:step05.jpg



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

图片:step06.jpg



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

图片:prr01.jpg



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

Magic Mirror插件菜单的其他功能

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

Jump to artboard-选中mockup中的图形,可以迅速定位到它调用的artboard位置。

Rotate Points-有时候使用Magic Mirror会导致mockup上下左右颠倒,这个时候就需要使用这个功能来调整方向。



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

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

图片:magic-mirror-feature1.gif



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

图片:magic-mirror-feature3.gif



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

图片:magic-mirror-feature2.gif





第一手原创设计文章及内容
尽在静design公众号(扫描二维码关注)
觉得有帮助
请赐我个赞并在下方评论

附件名称/大小 下载次数 最后更新
MagicMirror.zip (9KB)  620 2015-08-05 09:31
wjuan123
Sketch新手
Sketch新手
  • UID30517
  • 发帖数2
  • 威望50点
沙发#
发布于:2021-07-14 12:04
我sketch的版本号是54,下载了用不了。怎么回事?
cailei9212
Sketch新手
Sketch新手
  • UID39836
  • 发帖数1
  • 威望25点
板凳#
发布于:2021-04-08 12:27
按照步骤试了几次,都没反应,枯了~不知道问题在哪
阿珂阿珂
Sketch新手
Sketch新手
  • UID288
  • 发帖数1
  • 威望84点
地板#
发布于:2019-11-10 22:45
怎么办呀~~
周周seal
Sketch新手
Sketch新手
  • UID34844
  • 发帖数1
  • 威望45点
4楼#
发布于:2019-09-23 17:18

图片:WechatIMG269.png

路路sunny
Sketch新手
Sketch新手
  • UID34794
  • 发帖数1
  • 威望35点
5楼#
发布于:2019-09-19 09:32
下不了
Caty
游客
不一样的设计师-读者
不一样的设计师-读者
  • UID34272
  • 发帖数3
  • 威望70点
6楼#
发布于:2019-08-28 17:17
SKETCH版本54.1,安装上操作不显示,是什么原因?
樗小里
Sketch新手
Sketch新手
  • UID34499
  • 发帖数1
  • 威望25点
7楼#
发布于:2019-08-22 12:34
高版本完全没用
infinite
Sketch新手
Sketch新手
  • UID21896
  • 发帖数2
  • 威望45点
8楼#
发布于:2019-07-15 15:16
没反应
femalelylian
Sketch新手
Sketch新手
  • UID28821
  • 发帖数1
  • 威望30点
9楼#
发布于:2019-04-10 15:39
闪退+1
15356160592
Sketch高手
Sketch高手
  • UID5164
  • 发帖数3
  • 威望470点
  • 社区居民
10楼#
发布于:2018-09-25 14:05
什么鬼,只要“启用”就闪退,根本用不了
jiyuqiushui
Sketch新手
Sketch新手
  • UID23319
  • 发帖数1
  • 威望30点
11楼#
发布于:2018-07-27 10:57
不兼容
infinite
Sketch新手
Sketch新手
  • UID21896
  • 发帖数2
  • 威望45点
12楼#
发布于:2018-06-21 16:12
为什么,按照流程做了一遍,没有反应
温都尔
不一样的设计师-读者
不一样的设计师-读者
  • UID21976
  • 发帖数7
  • 威望235点
  • 社区居民
13楼#
发布于:2018-06-10 18:29
未来的齐刘海世界~~四个点怕是不够用了~~
吉恩贤
不一样的设计师-读者
不一样的设计师-读者
  • UID14792
  • 发帖数33
  • 威望1555点
  • 社区居民
14楼#
发布于:2018-06-08 14:50
以前sketch可以用mirror,但是现在升级到5.0最新版了mirror不能用了。@静电 ,求赐教!
上一页
游客

返回顶部