工具大比拼，2018年度你不可错过的10款线框图工具

本文出自Mockplus团队，Mockplus是一款更快更简单的原型设计工具。

线框图工具可以让设计师的灵感快速呈现，在任何项目最开始的阶段，选择一款得心应手的线框图工具不失为一种最佳选择。如今，线框图工具的出现用雨后春笋来形容也不会过于夸张，各色工具唾手可得，过多的选择却也确容易造成设计师的选择困难。如何选成了最让人头疼的问题，如果你在为这个问题苦恼，不妨看看本文精选出的这10款2018年度的线框图工具，也许对您有所启发。

买东西都讲性价比，选择工具也一样，价格实惠，功能俱佳的当然是首选。因此，本文我主要从三个方面做出分析：价格、优势、不足。希望对您有所帮助。

1.Lucidchart

Lucidchart的线框图工具可以实现轻松设计，分享和快速呈现设计灵感和想法，是创建交互式线框图和原型图的优秀工具。

价格：

5种价格模式：免费版、 基本版4.95美元/月

专业版8.95美元 /月

团队版起价为20美元/月

企业则需要联系官方获取报价

https://www.youtube.com/user/lucidchart

优势：

在线工具，无需下载或更新，支持全平台查看线框图和原型图，也能够与其他服务（如G Suite和Slack）兼容。

拖放操作，结合各种设置选项，可以毫不费力地创建线框图。

支持团队协作，团队成员可以发表评论，视频聊天或内部聊天，多种方式沟通。

可作原型工具，支持将线框图直接转化成原型图，随意增加细节设置。

提供各种形状和模板，例如UI容器，菜单，小部件等，或者直接导入元素。

自定义组件，你可以根据自己的喜好自定义工具和形状。包含形状，模板，线条，图像等。

简单易用。Lucidchart的免费线框工具非常直观，第一次使用也可以轻松制作。

兼容性强，是唯一提供对Microsoft Visio文档完全支持的Web应用程序。

不足：

没有桌面应用程序，无法离线工作。

模板不像其他工具那么多样化。 比如缺乏形状的列举。

免费帐户功能有很大限制，比如存储限制，无法访问图层、无法备份、没有恢复功能、只支持5个文档，每个文档只有60个对象。

价格略高。

电话客服支持仅包含在企业版本中。

加载文件耗时。

2.Mockplus

Mockplus是更快更简单的原型设计工具，让产品设计师5分钟即可创建交互原型。快速原型设计、精细团队管理、高效协作设计、轻松多终端演示，一切只为服务设计而存在。“快”和“简单”是Mockplus的核心价值。

价格：个人版 - 199元包年; 699元终身

团队版 - 999元包年；3999元终身 （5个用户）

企业版 - 5999包年；19999元终身 （30个用户）

https://www.youtube.com/watch?v=UQV1IfOCZ1I

优势：

快速界面设计。300多个高度封装组件，2000多个矢量图标，无需绘制，拖拽即可呈现界面设计。一键导入项目页面和模板，快速搭建基础界面，还可以获得灵感来源。

自定义组件库、数据填充、SKETCH导入，格子等特色功能实现设计快速复用，告别重复操作。

快速交互设置，设置交互只需拖拽鼠标，动态原型设计全部可视化。支持页面交互、组件交互、交互状态和交互自动还原。

快速团队协作，团队项目中，支持设定成员角色，分组管理，全局把控高效安全。项目协作时，成员轻松添加，分工编辑不冲突，协作设计有条不紊。任何设计细节，都可直接标注和评论，表达建议和收集反馈同步实现。

快速演示，8种演示方式，同类竞品中方式最全，涵盖多种设备演示。一键生成项目预览，产品需求瞬间图像化展现。轻松扫一扫，手机app实时查看。分享链接在线审阅，还可高效获取客户反馈，快速完成产品迭代。

快速服务，“三分钟内应答”的服务，是Mockplus品牌的重要特征，在中国软件企业中独一无二。软件即服务，好体验不仅在于软件本身。Mockplus客户支持及售后服务团队长期坚守的“三分钟”原则， 在目前20多个QQ官方群中，第一时间为用户排忧解难。

不足：

HTML演示存在不稳定。

不支持单个文字的颜色设置。

3.Gliffy

Gliffy是一个为网站，主页或应用程序创建框架的线框图工具，它提供了一个基本但功能不错的线框图设计解决方案，也可以满足多种业务流程图的需求。

价格：

个人：7.99美元/月

团队：4.99美元/月

企业: 联系官方获取报价

https://www.youtube.com/watch?v=hb9oiI1W51Q

优势：

提供基本形状和图形，有思维导图，SWOT分析和维恩图来创建组织结构图和其他业务图。

Gliffy Diagram的线框形状和模板可以轻松创建专业的线框图。

通过拖放完成界面设计，可以将工具形状库中的矩形框，按钮和线条添加到页面的任何位置，并添加文本，快速成图。

多人协作，可以在任何地点与任何人共享和协作，文件提供保护和跟踪更改路径。

支持导入并编辑线框图，方便利用既有资源。

最前沿的中国产品人和设计师

支持多种文件类型，GON，VDX（仅限付费帐户），Gliffy和Gxml文件。

缺点：

无法自定义颜色，不能选择图形的颜色，也不能设置插入的或箭头的颜色。

图标资源不够丰富。

协作设计不能实时，一次只能有一个人编辑文档。

缺乏使用密码保护图表的功能，没有团队成员管理机制。

输入文本时，形状组件等不会自动调整大小。

不支持导出为PDF或HMTL，分享操作不是很便捷。

4.Moqups

Moqups是一个简化的Web应用程序，可以创建线框，原型，图表并进行协作。是一个全智能，简单，快速的多功能在线设计平台。

价格：

个人 - 每月13美元

团队 - 每月19美元

企业 - 联系官方报价

https://www.youtube.com/watch?v=p38jXuc98qg

优势：

拖放元素，可以快速轻松地从小部件库和智能形状库中选择组件，快速构建线框图。

提供模板套件，可以在移动应用程序和网页设计的一系列集成模板套件中进行选择，快速进行设计，包括iOS，Android和Bootstrap。

内置1000多种流行的图标元素。包含Font Awesome，Material Design和Hawcons，还可更新图标。

支持从桌面或应用程序直接拖放导入图像，并将其快速转换为交互式原型。

丰富的字体和样式选项，有集成的Google字体可供选择。

支持团队协作，团队成员可以无障碍沟通和协作。

缺点

没有离线版本，不自持离线操作。

没有自定义图标库的导入选项。

演示版本的文件无法导出。

5.Balsamiq Mockups

Balsamiq Mockups是一款由软件工程师开发的一款基于Flash的快速线框图工具。Balsamiq Mockups自问世以来赢得了许多设计师的青睐，是进行快速线框设计的好工具。

价格：免费试用- 30天

专业版 - 89美元

https://www.youtube.com/user/Balsamiq

优势：

Balsamiq拥有可以直接进行拖拽使用的元素，包括一些按钮和列表，值得一提的是，这些元素都是手绘风格。设计师还可在编辑器里提前准备好需要使用的小部件。

Balsamiq官方网站还提供了很多模板，包括桌面App、移动端App以及网站模板等。可供点击下载，使用起来快速便捷。

Balsamiq独一无二的手写设计在如今的机械化设计中显得十分别致，能让设计师体会一种在空白屏幕里进行手绘设计的独特体验。加上其种类繁多且风格独特的UI库，能为设计师提供最便捷的服务。

适用于生成供网页设计师、开发人员、客户讨论和发表意见的线框图，而不是专注于漂亮的设计。

支持PDF导出。

缺点：

只能做低保真线框。没有动画和交互。

图像大小的调整比较麻烦，只能使用缩放比例，无法定制。

相比Mockplus，Sketch，Invision，Adobe XD等，没有太多的导出选项。无法将的低保真线框从Balsamiq转移到工作流程的下一个阶段。

不是一款适合做超大型项目的工具。

6.MockFlow

Mockflow是基于Adobe Flash Platform的一个桌面端线框图工具。干净，简约的界面，具有丰富的编辑功能，能较快的完成线框设计。

价格：

基本 - 免费

专业 - 每月14美元

团队 - 每月29美元

企业 - 每月160美元

https://www.youtube.com/watch?v=vBiXKQKjQr4

优势：

丰富的模板和元素资源，按钮，配置文件，选项卡，图像，图形等提供直接拖放使用。

支持多样的导出选项，图像，MS Word，Adobe PDF和MS PowerPoint等。

有内置的商店，可以获得其他UI元素和模板，这些元素和模板可以有效加速线框设计的进程。

团队合作，您可以将项目分配到不同的文件夹和子页面中，有序管理，可以将整个项目放在另一个区域进行审批，可以与同事分享项目，适合有多个人参与的项目。

缺点：

无法更改文本框内某个单词的颜色。

导出的文件有时包含空白，造成文件导出失败。如果压缩导出文件，也会有这样的情况发生。

缺乏快捷键，操作耗时。

客户支持比较欠缺，主要提供自助选项，只有教程和常见问题解答。

7.Wireframe CC

Wireframe CC是一款在线线框图绘制工具，它采用的是极简风格，界面极其简洁，甚至没有典型绘图应用程序的工具栏和图标。

价格：基础版-免费

专业版-$99/月

https://www.youtube.com/watch?v=3dXsRNS-spc

优势：

你只需在画布上移动鼠标就可构建你想要的形状，就像是在拿笔作画，不局限于既定组件，发挥空间自由。

其最大的特点正是专注于最基本操作，因此非常简单易用。

目前支持网页、手机横屏和手机竖屏三种模式。

发送URL链接即可快速分享，也可导出PDF。

免费使用，无需注册，无需输入信用卡详细信息。

不足：

只能做低保真线框图，无法添加丰富的UI元素。

不提供交互或动画，无法生成可交互的线框图和原型图。

客户支持欠缺，不提供教程视频，实时聊天，电话，论坛甚至常见问题解答部分也没有。

8.Justinmind

Justinmind是一款用于Web和移动应用原型以及高保真网站线框的UX工具。它既可以做低保真的线框图，也可以做高保真的原型图。

价格：个人和团队 - 每用户19美元/月

企业 - 每用户39美元/月

https://www.youtube.com/channel/UCiVANwKD7JdJ6LXaD8j2wqA

优势：

从线框到全功能的用户界面原型图，可以实现功能丰富的移动应用，网站，Web产品和企业软件原型图。也可以直接将简单的线框转换为适用于iOS和Android的交互原型。

丰富的UI工具包集合，直接使用。

在真实设备共享和测试，移动应用程序可以在任何iPhone，iPad，Android设备模拟实况，带来更好的体验。

Web互动和移动手势，通过智能行为和丰富的交互来提升体验细节。

缺点：

学习成本高，尤其是新手，需要大量的学习时间，比较耗时。

操作复杂，交互设置不能直接拖拽连接点，不够简洁。

9.Pidoco

Pidoco是一款优秀的线框图设计软件，可让您快速创建可点击的线框图和可交互的的用户体验原型图。

价格：基础 - $ 12 /月

标准 - $ 25 /月

专业- $ 55 /月

白金 - $ 175 /月

https://www.youtube.com/watch?v=lW5t_vQJi5Y

优势：

交互丰富，创建完全交互式的原型和线框图来模拟使用应用程序的真实感受。使用点击，触摸、手势、键盘输入甚至位置数据来触发原型中高度交互的操作。

团队协作，与他人实时共享原型，收集评论和编辑信息，可以查找评论历史记录和并进行问题跟踪。

完美演示，在浏览器、iOS和Android设备上实时测试原型。只需点击一下按钮，无需下载或安装任何代码。

只需点击按钮即可生成规格说明文件发送给开发团队或客户查看。离线时也可以将原型和线框图导出为PNG、矢量文件或HTML格式。

组件复用，创建并定制构建模块，提高项目中的设计一致性，较少重复操作。

缺点：

不支持符号等元素的旋转操作。

模板比较局限。

10.WireframeSketcher

WireframeSketcher是一个线框工具，可帮助设计人员，开发人员和产品经理快速创建用于桌面，Web和移动应用程序的线框，模型和原型，适用于Windows，Mac和Linux的桌面应用程序。

价格：单个用户：99美元/终身

多个用户：89美元每人/终身

https://www.youtube.com/watch?v=Vs5RLPZuykE&list=PLJ26v4UPvWo5jmWh-N_rNwnSXV8AB6T4W

优势：

丰富的模板资源，可以快速创建任何项目，网站，桌面和移动应用程序。都可以从Mockups Gallery获取Android，iPhone，iPad和Windows Phone模具。

协作设计，可以使用版本控制与您的团队成员很好的进行合作，适用于大型原型项目管理。

支持导出PDF，通过电子邮件发送给客户，也可以在服务器上在线上传和共享线框图。

缺点：

不允许自由绘制组件和其他元素。

交互和动画比较有限。

购买策略只有终身版可供选择。

总结

以上是我总结出的10款2018年度线框图工具。是不是对每款工具的了解更加深入一些了呢？开篇说到性价比，这里我也想和大家分享一下我个人的喜好和选择，尽管每款工具各有优劣，但从我自身经验来看，Mockplus是我比较倾向的工具，快和简单，却又功能俱佳，而且还价格实在。你们比较心仪的工具又是哪一款呢？欢迎交流和分享哦。