早些年可供UI设计师们选择的工具有限，功能也比较单一，且大部分的在线原型设计工具都是国外的，不论是语言还是在网络上都更加重了设计工作的负担。现如今国内外都有不少在线原型设计工具兴起，不仅可以在浏览器即开即用，还有团队协作功能，能为各位设计师节省不少工作量，如Pixso。下面就来给大家分享九款宝藏在线原型设计工具。
1. Pixso
新一代在线原型设计协作工具Pixso，具备一站式原型、设计、交付能力。同时，Pixso开创了原型设计协作新模式，设计师无需在工具之间切换，就能实现需求梳理、UI设计、原型设计、收集反馈、原型交付。Pixso支持建立流畅的原型框架流程，将产品整体方案进行具象化演示，以便产品经理、设计师、开发共同探索分析用户核心需求。
-
快速启动原型设计工作
借助Pixso内置设计系统和社区资源，产品经理、UI/UX设计师可获得海量原型模板、页面、组件及图标素材 ，开启敏捷高效工作。
-
打造互动感十足的转场交互
在跳转、弹窗、切换、关闭等情景下，提供丰富的转场交互动画自定义设置，可组合实现上百种转场形式。
-
上帝视角感知未来用户体验
提供宏观和微观双重视角，即可完整地向外界演示产品全貌和交互细节，也可预览GIF来微调动作、动画设计，与团队在协作中不断优化体验。
-
协同上下游 一站式便捷交付
通过浏览器进入Pixso，实时获取所有原型设计信息，一个工具替代多种传统原型设计和项目管理工具，真正提升产设研团队的沟通协作效率
2. UXPin
UXPin是一款从设计到交付为一体的在线原型设计工具。在线原型设计工具UXPin适用于macOS、Windows、iOS、Android等众多系统。UXPin还提供预览模式，用户可自行观看原型，添加意见，或以链接形式分享给客户和其他成员预览。
缺点：
-
变量及判断功能没有其他工具那么完整。
3. invision
invision是一款主打共享的在线原型设计工具。在线原型设计工具invision提供协作和分享功能，所有人点击原型图就可进行实时标注，工作交流更加方便。除此之外，在线原型设计工具invision可自定义加载页面和主屏幕icon，可将动画、特效、手势等静态设计转换为原型。
缺点：
-
逻辑流程功能有所欠缺。
-
只有较为基础的UI设计、流程图和线框图。
4. Zeplin
Zeplin是一款面向设计师和前端开发工程的在线原型设计工具。支持团队协作，可通过在线原型设计工具Zeplin云端储存和导出作品，也可分享链接邀请成员创作和注释。当团队成员对设计更新后，也会收到变更通知。除此之外，在线原型设计工具Zeplin还提供团队设计存储库，可在此放置团队资源、组件、过往版本、惯用的模板、颜色及文本样式，方便引用。
缺点：
-
其他软件不兼容，设计导出较困难，点击查看解决方案。
-
免费版本不允许导入文件，需要重新在工具内创建。
5. Figma
Figma是一款基于云端的在线原型设计工具。在线原型设计工具Figma支持团队协作，页面会显示正在查看和创作设计的成员，能更加了解每位成员的想法以及设计进度。Figma支持 Windows、macOS、Linux多个系统使用，选择性更多。
缺点：
-
免费版的Figma自能创建一个项目，三个文件，每个文件不得超过三个页面；收费版的价格偏贵，有每月12美元以及每月45美元可选。点击使用汉化版Figma。
6. Marvel
是一款面向设计师的原型、测试和交付的在线原型设计工具。在线原型设计工具Marvel主要展示第三方汇入的设计而非直接在工具内绘制，可用纸笔拟草Marvel图，再拍摄上传至Marvel内。
缺点：
-
无法进行深度的原型创作。
7. Proto.io
Proto.io是一款手机原型专用开发平台。Proto.io提供dashboard、编辑器、播放器三个接口复杂管理项目、构建原型环境以及观看原型交互。在线原型设计工具Proto.io，可直接在移动设备上进行原型测试，也可直接在电脑端游览器上运行原型。Proto.io还支持第三方插件lookback录制屏幕，供设计师观察使用者习惯，用于修改或制定方案。
缺点：
-
仅支持 DropBox ，保存模板的方式较少。
8. Moqups
Moqups一款基础原型设计及在线原型设计工具。在线原型设计工具Moqups，除图标资源、云功能等基础原型设计功能外还支持团队协作，所有成员可在线语音反馈意见。在线原型设计工具Moqups内置网格对齐功能，使对象精准对齐。
缺点：
-
支持协作人数较少，仅允许3人参与。
-
字体和样式选项不如其他工具的多。
9. MockFlow
MockFlow是一款适用于Mac的在线原型设计工具。在线原型设计工具MockFlow支持协作，团队可进行实时编辑、注释和批注等。除此之外，在线原型设计工具MockFlow还提供预览模式，可查看绘图，MockFlow提供大量UI组件和模板，方便绘制各类型的UI设计。
缺点：
-
UI 库只能用于传输单个组件，并且没有任何 UI 块。
推荐使用在线协作原型设计工具Pixso
以上就是九款在线原型设计工具的分享！考虑到语言、上手难度以及全面性，我更推荐大家Pixso这款在线协作原型设计工具。在线原型设计工具Pixso全中页面，可以缩短大家适应新工具的时间，迅速上手。其实时协作的功能，可以减少团队间的沟通成本。在线原型设计工具Pixso，实现项目设计、批注、以及交付都在一个平台搞定，并会自动显示更改后的最新版本。设计师不需要频繁更换软件，即可高效处理设计工作。另外，Pixso还有丰富的社区资源和插件广场供各位参考，灵感源源不断！
