1.InVision Craft+Sketch

制作高保真原型时，大多需要从Photoshop和Sketch上传内容。那你肯定会碰到一个问题，就是需要填充很多真实的图片到界面里。这个过程非常浪费时间，有没有能节省时间的办法呢？当然是有的，那就是Craft。

Craft是InVision出的一个插件，功能强大。它不只可以输出视觉规范(比较偏向StyleGuid)，还有些很酷的功能例如复制并排列物件，定义间距，文本/图片自动填充，重复元素自动填充等等。通过将这个插件安装到Sketch，你将体验到Sketch和InVision之间工作的连续性。通过将设计和原型制作流程结合在一起，就可以快速的输出高保真原型。

2.

Flinto+Sketch

使用Flinto可以创建一些小的交互和动画，实现多屏App的整体流动（Comprehensive Flows）。使用它的Transition Designer，可以非常快速的创建跳转和转场动作。对于新手而言，直观明了，当用习惯了后就感觉特别顺手，菜单、工具和选项都变成最小化。用它完全可以设计出令人印象深刻的原型，避免陷入特点过多的境地，分散用户注意力。

Flinto可以快速实现交互设计，与Sketch无缝对接，并且通过插件就可以把素材直接导入到Flinto中，添加链接和过渡效果或者添加自动跳转。通过上传图片，添加热点配合相应的交互动作快速的生成原型，方便客户通过网页或者手机端进行观看。

3.

Framer+Sketch

与其他几款原型设计工具不同，Framer 可能是最特别的一款原型工具，因为它要求设计师具备代码能力。而它制作出来的原型也最接近真实效果。它支持调用系统键盘，输入真实的文本，然后作为数据被使用；它支持对音频、视频进行真实的控制与监听；Framer 的强大来自于它对 HTML、CSS 以及 Javascript 的无缝支持，单是音频和视频，就有数十种属性和事件可以拿来用。

Framer X中原型设计变得更加直观，只需点击几下即可创建基本级别的交互。将画板从sketch中复制粘贴到Framer中,使用“链接”工具添加推送和叠加等过渡，或使用多向手势创建嵌套滚动视图。