在线原型图的核心功能是将需求可视化，因此一个好用的在线原型图工具对原型图设计来说至关重要。以大家熟悉的Photoshop 和Illustrator来说，尽管它们功能强大，但是界面过于复杂，初学者很难快速上手，而且它们在面对批量调整的在线原型图来说还是不够智能。下面给大家介绍几款好用的在线原型图工具。
1. Adobe XD
Adobe XD 是来自最大的应用程序开发公司之一的矢量设计工具，功能也十分强大，包括矢量绘制工具、三维变换、可重用组件、重复网格、自动动画等在线原型图设计功能。
缺点：它还在使用传统的钢笔工具、无法智能化布局、也无法团队共享组件等，在设计在线原型图效率上略有不足。
2. Pixso
Pixso是一款可协作的在线原型图工具。拥有着不输 Photoshop 的强大功能，它集成了原型、设计、交互与交付等所有在线原型图设计所需要的功能。下面就给大家简单列举几个。
-
原型起始线框：内置各类设备标准尺寸，可选择手机、平板、电脑、网页、智能手机等设备尺寸，自动创建 标准线框图。
-
智能选择：当有多个要对齐的对象时，智能选择可以将选中的对象图层，均匀排布成行和列。
-
布尔运算：支持合并形状、减去顶层、区域相交、排除重叠等设计复杂高阶图形。
-
事件触发器：可选择鼠标或触摸交互，通过单击、拖拽、悬停、鼠标移入离开等触发原型交互事件。
-
原型跳转：设置该操作，使原型或画板的容器滚动，跳转到顶层框架内的任意对象，导航到另一个画板或打开一个外部链接。
-
批量导图：当设计稿中有大量的图片需求，可以直接选择批量导入/导出图片，加快设计效率，现在马上试试。
3. Figma
Figma 是最近非常流行的一款在线原型图工具，在在线原型图设计功能上非常优秀，拥有精细化钢笔工具、智能化布局、团队共享组件、多人实时协作等优秀的原型图设计功能。此外还有白板工具 FigJam ，从FigJam 的 头脑风暴 到 Figma 在线原型图设计无缝衔接，非常方便。
缺点：无中文版，不能断网工作，无客服服务。
4. Framer
Framer是一款好用的在线原型图工具，基本上可以实现99%的交互及功能演示的需求，而且它还是设计功能和代码编写相结合的工具，可以让没有代码经验的设计师，也能更容易的学习和使用。
缺点：只能在Mac系统使用。
5. InVision
InVision 是集界面设计与原型制作为一体的设计工具。在在线原型图功能上也十分优秀，有智能化布局、团队共享组件、多人实时协作等优秀功能，另外它的交互动画功能非常强大，有一套完整的时间轴工具。
缺点：必须配合使用 Sketch、Abstract 或 Zeplin 才能实现高保真在线原型图设计。
6. Sketch
Sketch 是近两年非常流行的在线原型图工具之一，其优秀的矢量编辑工具、设计开发全覆盖以及多人实时协作功能都是它受欢迎的原因。同时它还提供了700多个扩展，包括助手、插件和集成。
缺点：不能智能化布局，不能团队共享组件，只能在Mac系统使用，点击查看windows电脑打开Sketch教程。
7. Axure RP
Axure RP是一款专业的快速设计在线原型图工具。针对使用鼠标、触摸和键盘时所触发的交互，可以添加条件和变量，将在线原型图设计提升到下一个级别。
缺点：需要安装软件，没有自动布局、自适应窗口和组件动效等智能设计工具。
8. Proto.io
Proto.io 是一款功能非常丰富的在线原型图工具，功能上有不俗的表现，矢量工具和组件库都非常强大，可以轻松绘制各种在线原型图。还可以在IOS或安卓app里运行你的在线原型图。
缺点：没有实时预览；交互多了会出现卡顿；没有3D动效。
9. Balsamiq
Balsamiq 是一款非常受欢迎的在线原型图工具。使用 Balsamiq 画出的在线原型图都是手绘风格的图像，看上去美观、清爽。它支持几乎所有的 HTML 控件原型图，还支持 iPhone 手机元素原型图。
缺点：仅适合低保真在线原型图和线框草图设计。
在线原型图工具，就选Pixso
从上面9款在线原型图工具的评测中不难看出，每个都各有千秋，但是综合来看，还是Pixso在绘制在线原型图的功能上更加全面、更加智能。Pixso拥有四大核心设计功能：矢量网格、自动布局、组件变体、自动切图，在效率上远超其他设计工具。另外Pixso的其他功能上也非常高效：多人实时协作、交互式动画演示和连接式交付，真正做到了一站式完成原型、设计、交互与交付，为数字化团队协作提效，点击页面上方注册按钮，免费使用Pixso。
