对于现代设计师而言，Sketch已经成了不可或缺的设计工具之一。各家原型设计工具也在悄悄的发生一些改变，迎合设计师们的需求，纷纷开发出了针对sketch原型的插件。既有传统的桌面端原型工具，也有基于云平台的工具。虽然没有任何一条标准规定你必须使用哪一个工具，然而如何能在众多的sketch+原型工具的组合中找到最适合自己的工作流程，提高工作效率，也是一件耗时的工作。
所以最近摹客的小伙伴们精心的为大家整理出了一个Sketch+原型工具的合集，希望能帮助各位优秀的设计师朋友们找到适合自己的工具组合，提高工作效率。
Sketch
长久以来，Sketch 在可交互方面一直为人所诟病。官方似乎更希望将这些功能留给第三方开发者做插件，自己安静的做个小而美的绘图软件。而今年更新的Sketch版本中，它也可以支持在Sketch内部进行轻量级的原型设计了。这对于广大Sketch粉丝来讲无疑是个好消息。
原型交互方式：
Sketch中的原型设计依赖于画板(Artboards )和热区( Hotspot )链接实现页面间的跳转，实现动态交互原型(类似于原型设计软件Mockplus中的拖拽式链接点 )。然而不得不吐槽的一点是链接线加的太多会让你眼花缭乱。
预览方式：
1) Sketch支持在软件内部预览(类似于Mockplus中F5本地预览)。
2) Sketch Mirror内实时预览( USB 连接或同局域网内预览操作)。
3) Sketch Cloud 内实时预览(登录 Sketch Cloud 后可将项目文件上传至官方云端，实现在线多人预览，并可进行讨论。)
缺点：
链接线过多会导致体验不好。
链接过渡效果有限。
Sketch相关资源：不可错过的19款Sketch线框图套件
1. Mockplus + Sketch
Mockplus是更快更简单的原型设计工具。自发布以来深受国内外用户喜爱，适合软件团队、个人在软件开发的设计阶段使用。简单快速的交互功能，能够很好地表达设计，帮助设计师「关注设计，而非工具」。随着越来越多设计师对协作功能的需求，他们也推出了适合多人协作的团队版和企业版，为更多的软件开发/设计团队提高了工作效率。
原型交互方式：
1) 下载Mockplus Sketch插件
2) 在Mockplus中拖拽组件后面的链接点，实现组件与组件，组件与页面，以及组件本身状态的交互效果。一拖一放，3秒快速交互。
预览方式：
Mockplus提供8种预览方式，包括软件内部F5本地预览、在线发布为HTML网页微信小程序(搜索Mockplus小程序)、手机客户端(MKplayer)扫描二维码等方式。
2. 摹客iDoc + Sketch
在实现交互快、设计快、演示快、上手快的敏捷开发(Agile Development)的大趋势后，摹客团队在今年9月份推出了摹客iDoc,朝着更高效的产品协作设计平台方向发展。与Sketch的结合，使其在原生Mockplus原型设计和摹客 iDoc中实现高保真原型设计都非常高效、便捷。
原型交互方式：
在摹客iDoc中，按住鼠标在设计稿上绘制一个矩形的热区，再松开鼠标通过左侧项目树选择热区跳转的目标页面，即可完成交互跳转链接的设置。对设置好的交互链接还可以设置跳转动画，有9种动画样式可以选择，默认没有动画。还可通过下拉框或直接输入数值修改动画执行时长。
预览方式：
摹客iDoc中，点击顶部导航栏右侧播放按钮，即可演示交互原型。手机项目也可生成二维码用手机扫描查看。
3. InVision Craft + Sketch
制作高保真原型时，大多需要从Photoshop和Sketch上传内容。那你肯定会碰到一个问题，就是需要填充很多真实的图片到界面里。这个过程非常浪费时间，有没有能节省时间的办法呢?当然是有的，那就是Craft。
Craft是InVision出的一个插件，功能强大。它不只可以输出视觉规范(比较偏向StyleGuid)，还有些很酷的功能例如复制并排列物件，定义间距，文本/图片自动填充，重复元素自动填充等等。通过将这个插件安装到Sketch，你将体验到Sketch和InVision之间工作的连续性。通过将设计和原型制作流程结合在一起，就可以快速的输出高保真原型。
