原型设计工具的应用场景包括产品展示、产品需求规划和抽象到具体呈现，那么如何根据应用场景选择合适的原型工具呢？不用说，本文列出了常用的原型设计工具，看看你最想选择哪一个！

即时设计

即时设计是国内一款专业级的 UI 设计工具，像 PC 端的网页，移动端的 App、小程序页面，都可以通过即时设计高效完成。现在，也有越来越多的设计师，用即时设计进行插画、海报、banner 等视觉类设计工作。

复制链接到浏览器：js.design/?source=bz&plan=ysbz10131

原型」功能也已经足够完善，丰富的交互事件配合智能动画，让设计师能够非常快速地实现各种超棒的交互动效，模拟真实效果~

复制链接到浏览器：js.design/?source=bz&plan=ysbz10131

不管是用来测试自己的 idea，还是用来给客户演示，让开发了解实现效果，一份可交互的高保真设计稿都比语言和想象来的更加直观有力！

AdobeXD

Adobexd是一种强大的矢量工具，用于协作设计和原型制作。可以使用两种模式：设计模式和原型模式。在设计模式下，可以创建静态设计，并在画板中添加各种元素。画板代表不同的应用程序屏幕或网站页面。

缺点：

AdobeXD需要将外部插件和服务集成到应用程序中，而且可供选择的插件库并不多。

本地文件需要通过计算机设备上传到云端进行协作。

协作缓慢，容易造成项目过于复杂和混乱。

本地文件必须同步到CreativeCloud才能共享。

Figma

Figma是一种集成的设计工具，可以处理从线框图、原型设计和UI设计到协作、设计系统管理和开发人员转移的所有工作。Figma具有用户友好的界面，可以将静态设计文件转换为交互式原型，无需任何编码知识。

缺点：

受网络影响较大。使用Figma需要科学上网，不能断网工作，同步合作受网络影响。

无中文语言环境是Figma深受国内设计师诟病的痛点，增加了无形的学习成本。

没有客服及时反馈。如果用户在体验过程中存在问题或问题，很难得到反馈和解决方案。

Sketch

Sketch用于创建静态设计和原型，以及开发人员的转移。使用Sketch灵活的矢量编辑工具可以在画布中创建静态设计，然后使用原型制作功能预览设计，并通过动画交互在画板之间导航。

缺点：

Sketch最大的缺点就是对Windows/PC用户不友好。

在Sketch上安装其他插件，以获得更多的响应设计工具。

FluidUI

FluidUI是一种具有广泛组件库、简单动画和实时合作的快速原型设计工具。流畅的用户界面一目了然，可以快速设计低保真和高保真原型，实时协作和反馈。

缺点：

FluidUI响应的结果是不可预测的，用户会对页面有不同的体验。

ProtoPie

Protopie是一种灵活而强大的原型制作工具，特别适合初学者，因为它很容易学习和使用。它只专注于原型设计，因此需要从其他工具中引入静态设计。导入线框后，可通过添加触发器、响应器和对象将其变成交互式原型。

缺点：

制作多页复杂的流程会有点麻烦。

ProtoPie参数化，不能在软件中直接实时调整曲线，而需要数值。

不支持整体导入，只能选择画布导入。

跳转节点需要单独记住输入的时间节点。

ProtoPie目前版本不支持GIF的导出。

Proto.io

Proto.io是一种基于浏览器的原型设计工具，具有直观的拖放界面和数百个现成的模板和组件。它可以快速组合基本的低保真原型，然后转换为更逼真的高保真原型。

缺点：

需要付费。

没有即时预览，如果添加大量交互，动态效果会变慢。

Protototo原型保存.在io的网络平台上，如果取消账号，则不能再运行原型。

3D动效无法实现

UXPin

UXPin界面与Sketch和Photoshop非常相似:中间是空白画布，然后是左右两侧的各种工具、形状和图标库。如果从零开始设计，可以使用钢笔工具和形状添加基本的UI元素

缺点：

不支持手机真机测试，支持浏览器测试。

操作页面比较复杂，新手熟悉软件需要很长时间。

Marvel

Marvel是设计师的快速原型设计、测试和交付工具。为了使用Marvel制作原型，可以导入其他地方创建的现有静态设计，也可以使用预制元素和图标从零开始创建线框。

缺点：

静态页面设计需要使用其他工具。

价格偏贵，全英语语言环境。

Framer

Framer是一种免费的网站原型制作工具，非常适合快速创建逼真的高保真设计和动画。可用于线框图、原型设计、UI设计、用户测试和合作，可在几分钟内创建和测试基于代码的高保真交互原型。

缺点：

需要熟悉或了解Coffescrip或JavaScript进行交互和动画制作。