9款在线原型设计工具推荐

早年，UI设计师选择的工具有限，功能相对单一，大多数在线原型设计工具都是国外的，语言和网络都增加了设计工作的负担。如今，国内外有许多在线原型设计工具，不仅可以在浏览器上使用，而且还具有团队合作功能，可以为设计师节省大量的工作量，这里有九个宝藏在线原型设计工具分享给你。

1.即时设计

即时设计是一款免费的在线 UI 设计工具，无系统限制，浏览器打开即可使用，更有丰富的在线素材、云端字体、交互动画等功能满足多种需求，轻松应付移动端、Web端、可视化大屏等设计场景，还可和产品、开发轻松协作，实时在线评审、交付切图、查看代码标注，大幅提高团队工作效率。

具备丰富的原型交互功能，支持 PC + 移动端演示

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

同时还有更符合国内用户习惯的 iOS 和 Android 端 App 与微信小程序，不仅可以满足用户通过手机实时预览设计效果的需求，也支持文件管理和打点评论，让项目评审可以直接在手机上完成，实现移动办公~

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.提供dashboard、复杂的编辑器和播放器接口管理项目，构建原型环境，观看原型交互。在线原型设计工具Prototo.io，可直接在移动设备上进行原型测试，也可直接在电脑端游览器上运行原型。Proto.io还支持第三方插件lookback录制屏幕，供设计师观察用户的习惯，用于修改或制定方案。

缺点：

仅支持DropBox，保存模板的方式较少。

8.Moqups

Moqups是一种基本原型设计和在线原型设计工具。除了图标资源、云功能等基本原型设计功能外，在线原型设计工具Moqups还支持团队合作，所有成员都可以在线语音反馈。在线原型设计工具Moqups内置网格对齐功能，使对象准确对齐。

缺点：

支持合作的人数较少，只允许3人参与。

字体和样式选项不如其他工具多。

9.MockFlow

MockFlow是一种适合Mac的在线原型设计工具。MockFlow支持在线原型设计工具的合作，团队可以进行实时编辑、注释和注释。此外，MockFlow在线原型设计工具还提供预览模式，可以查看绘图，MockFlow提供了大量的UI组件和模板，方便绘制各种UI设计。

缺点：

UI库只能用于传输单个组件，而且没有UI块。