在移动应用程序或网页UI设计项目中，在线平面图工具是必不可少的。市场上的在线平面图工具绘制软件丰富多样，层出不穷。作为一名UI设计师，有必要了解哪些在线平面图工具既简单又专业。本文将分享6种在线平面图工具，每种在线平面图工具具有不同的设计功能、易学性和性价比。

1.即时设计

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

优势：

完美适配国内团队习惯，解决设计开发交付场景痛点；

本地字体导入云端建立线上字体库，所有协作成员无需下载安装；

不仅能实时预览设计效果，还能进行文件管理、打点评论在线沟通；

与工具集成，精选的设计规范、组件、图标等资源无需下载直接在线使用；

引用组件、变体、图标等内容一键上传到云端保存，随时随地复用；

XD 导入、Sketch 导入导出，满足不同工具用户的项目迁移和备份需求

成本：个人及中小团队用户免费

体验地址：
https://ad.js.design/special/ui/?source=tt&plan=ystt2200

2.DesignWizard

DesignWizard也是非常容易使用的在线平面图工具之一。凭借其强大的视觉细节，该平面图工具为绘制平面图提供了数千个美丽的模板和100多万个高质量图像（包括图标、矢量和透明图像）。所有这些都已获得商业用途的许可。

拥有丰富多样的平面图模板和图像库，精心挑选的资源库每天更新，丰富的视频、插图和图形可供选择。

支持上传字体、照片、logo、创建自定义调色板等免费个性化功能。

与Hubspot、Marketo与bufer集成。

费用：提供从基本（免费）到商务（每月49.99美元）的一系列套餐选项。

3.BeFunky

Befunky是一种集成的在线平面图工具，具有轻松编辑照片、创建图形设计和制作照片拼贴的功能。任何人都可以很容易地使用这个免费的在线平面图工具来创建迷人的专业视觉内容，这对初学者来说足够简单，但功能很强大。

与Pixabay和Pexels合作，有100多万张高质量的免费图片可用于绘制平面图，同时还拥有丰富的矢量图形和图标资源。

也就是说，你可以选择一个漂亮的平面图模板，没有设计背景也可以做出漂亮的平面图。

费用:基本功能免费，可升级到高级befunkyPlus账户解锁更多功能。每年收费59.88美元，每月收费9.99美元。

4.Canva

Canva是一个支持多平台(网页端、iPhone、iPAD和Android端的在线平面设计工具已经推出了中文版本的产品。该在线平面图工具优先考虑简单性、多样性和负担性，以帮助设计师更简单和方便地绘制平面图。

除了在线平面图工具外，还可用作调色板生成器、字体选择工具、照片拼贴组装器和信息图表制作器。

提供丰富的版权图片、原创插图、100多种免费设计元素和字体。用户可以在几分钟内创建一个完美的平面图，然后选择他们最喜欢的平面图模板。

大部分工具都适用于移动设备，可作为iO和Android应用程序使用。

费用:分为免费版、高级版和团队版，可根据需求和业务增长进行升级。Canva高级版费用为300元/年(1人)，30元/月(1人)，团队版费用根据团队数量的具体需求增加。

5.Pixlr

Pixlr是一种可靠的在线平面图工具，特别适合不想投入太多时间和金钱或学习复杂应用程序的初学者。作为AdobePhotoshop的强大替代品，该在线平面图工具拥有超过5亿用户。

支持浏览器在线操作，或通过iPhone、Android应用程序操作方便初学者使用，无需安装。

支持矢量编辑，并提供各种免费字体、图形和库存图片。绘制平面图更有效率。

大多数图像格式都可以打开，比如PSD（Photoshop），PXD，JPEG，PNG。

成本:虽然Pixlr功能丰富，但很多高级功能需要支付适当的金额才能解锁。高级版4.9美元/月(1人)，团队版9.91美元/月(5人)。

6.Snappa

Snappa是一种在线平面图工具，使设计非常容易。进入Snappa，这个在线平面图工具可以让你像专业人士一样设计平面图。其中一些功能是免费的，包括访问模板、图形和每月五次下载。

Snappa将设计过程分解为简单、可操作的步骤。您可以一键找到完美的平面图尺寸模板。

5万多张高分辨率、不俗气的照片材料，拥有上千个预制平面图模板。

200多种字体，100，000多种矢量和形状，让您在短时间内创建出您想要的平面图。

费用：与Buffer集成进行后期调度等（适用于高级账户），分为Starter（免费）、Pro(每月10美元)和Team(每月20美元)选项的高度可扩展性。