经历了疫情期间的远程办公，基于Web的协同办公软件（例如飞书，钉钉，腾讯文档等）纷纷成为大部分国内企业的办公必备品。可以看出，目前国内的在线办公协同和文档等工具已经发展得越来越成熟。随着云计算和5G网络的发展，互联网办公工具的 Web 化是必然的趋势。那么对于产品设计团队来说，又有哪些在线设计工具值得体验呢？今天，我们一起来盘点一下国内外8款经典的在线原型工具。

摹客

众所周知，摹客是国内知名的在线设计协作平台。摹客的在线设计无需下载安装，不受设备系统的限制，打开浏览器即可快速进行原型设计。

摹客自带高自由度的可扩展复用的组件，提供强大的组件级的交互制作能力，帮助产品经理和设计师快速完成设计，同时，摹客还支持复杂的矢量编辑。设计完成后，直接复制项目链接即可完成分发，无论是评审还是交付开发都非常简单、高效。摹客平台还自带强大的产品文档撰写和任务管理模块，满足设计团队全流程的创作和管理需求，一条线完成产品设计的全流程。

InVision

InVision是一款在海外知名度极高的在线设计协作工具。虽然一开始只是一个页面原型制作和轻量协作的工具，但InVision Studio的发布，标志着InVision具备了绘制中高保真原型图的能力。

使用InVision Studio可以完成精细的原型设计稿，除了基础的编辑功能，还可以在线分享和测试具有丰富交互动效的原型项目。而其灵活的团队协作功能，也允许设计师进行在线协作设计，或导入原型后，添加交互及动画。

Figma

炙手可热的全平台UI设计工具 Figma，自推出以来就收获了一大票设计师们的拥趸。虽然是在Sketch成为主流设计工具之后才正式推出，但它的基础体验丝毫不落下风。加上基于Web的核心优势，方便团队内多人在线实时协作，大大降低了团队沟通和协作的成本。

目前对于国内用户来说，Figma存在本地化支持缺失、自身交付能力弱以及团队协作费用昂贵等问题，不过借助摹客等平台推出的Figma插件，国内用户也已经可以完美规避上述问题，高效交付Figma设计稿。

Marvel

Marvel 也是海外知名度较高的一款在线原型设计协作工具，支持PS和sketch设计稿导入做交互原型，也有自动标注功能。使用Marvel 可以在线完成中保真程度的原型设计，添加手势操作和过渡效果后，即可实现可交互的产品原型设计。

通过 Marvel，用户可以便捷地分享和演示项目，客户或团队其他成员则可以直接在相应的界面上进行评论或注释。

Proto .io

Proto .io也是国外一款轻便好用的在线原型设计工具，支持在大多数浏览器中使用，界面清爽，拥有较为丰富的UI组件和交互设计功能，不过其交互设计较为复杂，学习成本比较高。

设计完成后，可以直接分享原型演示链接，方便用户进行分享及测试。除此之外，Proto .io 也支持导入Sketch和PS设计稿，在线添加交互，以及进行部分简单的团队协作。

hotgloo

HotGloo是一个完全基于Web的设计工具，有很多实用的功能，包括让各个项目可以进行快速拖放，以及对设计进行规范管理等，同时也具备实时协作能力。

HotGloo的原型设计功能简单易上手，学习成本较低，且提供了大量的预置UI组件和超过5000个常用的图标，即使是产品新手也能在这里做出专业的产品交互原型。

Gliffy

Gliffy是一款号称用途最广泛的在线原型工具，可制作非常专业的流程图、org图、UML图、network图，也可以绘制简单的原型线框图。

虽然Gliffy的主要功能是绘制流程图，但通过从空间库中拖拉按钮、线条等组件，再添加文本，就能完成简单的线框图制作。制作完成的线框图可以通过链接分享给其他成员，同时也支持多人实时协作。

Pidoco

Pidoco是一款德国的在线设计工具，支持多人协作，可以和团队成员一起，创建交互完整的产品原型，也支持将设计完成的原型分享到手机端查看演示。

Pidoco内置了丰富的组件，支持拖放操作、实时协作、可用性测试、自定义模板等，还可以生成PDF文档、可编辑的RTF文件、SVG图像和HTML文件等。

小结

在线原型工具相比于桌面版设计工具来说，有着得天独厚的优势。它不需要安装，也不限制工作地点和操作系统，无论你使用的是Windows系统还是Mac系统，都可以使用这些工具完成设计。以上是小摹为大家推荐的8款实用的在线原型设计工具，相信总有一款你会喜欢。

Powered by Froala Editor