产品经理常用原型设计工具详细介绍

来源：《产品工作法》

作者：Mtian梦天

工具的价值在于它们能够帮助我们 更有效地完成任务和解决问题。工具可以提高工作效率、提高生产力、促进创新、降低生产成本等等。日常工作中，产品经理很多工作都是借助工具完成的，因此，在本章节中，我们将陆续为大家介绍产品经理常用的工具都有哪些？

原型设计作为产品经理日常工作中使用频率最高的工具，因此，我们一定要找到一款适合自己，适合团队的工具。在选择工具时，我们可以考虑以下几点：功能丰富度、易用性、团队协作功能、性能稳定性等。一个功能丰富、易于操作的原型设计工具可以大大提高我们的工作效率，减少沟通和协作的成本。另外，我们还可以考虑工具的可扩展性和兼容性，以便在项目发展和需求变更时能够灵活应对。因此，在选择原型设计工具时，我们需要综合考虑各种因素，以确保选择到最适合我们的工具，从而更好地完成产品经理的工作任务。下面，我们推荐几款大家常用的原型设计工具

1.  Axure RP原型工具

（1）产品介绍

Axure RP是美国Axure Software Solution公司的旗舰产品，是一个专业的快速原型设计工具。产品经理可以使用Axure RP快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为一个功能强大、灵活多样的原型设计工具，Axure RP能够满足用户在设计过程中的各种需求。无论是创建简单的界面原型，还是设计复杂的用户流程，Axure RP都提供了丰富的功能和工具，让用户能够轻松实现他们的设计想法。

（2）界面功能

Axure RP界面功能主要由9大模块组成分别是菜单栏，页面，概要，原件，母版，样式，交互，说明，如图5-1所示，下面，我们具体介绍每个模块的详细功能。

图5-1Axure RP原型工具工作区界面

主工具栏和样式工具栏: 执行常用操作或者是设置。比如可以管理部件、设置部件样式和发布。可以在选择模式、连接器模式和绘图工具之间更改光标工具。

画布:在这个环境中拖放布局部件。可以更改部件的颜色和尺寸、添加网格和参考线，以及切换标尺的可见性。

页面: 可以添加文件夹，添加页面，可对文件夹，页面进行添加、删除、重命名和管理。

概要: 查看当前图表上所有可搜索、可排序和可筛选的部件、母版及动态面板列表。

元件：可将按钮、图像、文本和形状等的部件库。从“部件库”窗格中拖动部件，然后将它们放到画布上。还可以通过“部件库”窗格在部件库之间切换及加载其他部件库，甚至可以创建自己的自定义部件库，还可以从本地添加图像文件夹。

母版: 母版主要是用来进行公共模块设计，比如菜单导航等，在母版模板和在页面模块一样可对各种元件设计颜色，大小，样式等设计。

样式: 编辑部件和页面样式。

交互: 在页面或选定部件上添加和编辑交互及其他交互属性。

注释: 添加、编辑部件和页面注释。

（3）优点说明

交互式原型设计：Axure RP允许用户创建交互式原型，包括页面、表单、按钮、滚动条等等。

动态面板：Axure RP提供了动态面板，可以方便地管理和调整页面和元素之间的交互关系。

部件库：Axure RP提供了丰富的部件库，包括按钮、文本框、下拉列表、滑块、时间线等等。

支持多人协作：Axure RP支持多人协作，可以在团队中共同完成原型设计。

可扩展性：Axure RP支持第三方插件和扩展，可以根据需要扩展其功能和用途。

（4）缺点说明

有限的交互性：Axure 的交互功能相对较弱，虽然支持基本的交互功能，但相对于更高级的原型设计工具（如 InVision 或 Sketch）来说，交互功能有限。

缺乏跨平台支持：Axure 主要用于 PC 端，不支持跨平台使用，这对于移动应用的开发者来说不太方便。

缺乏团队协作功能：Axure 缺乏团队协作功能，无法在多个用户之间实时协作，共享和编辑原型。

培训和文档不足：Axure 的培训和文档资源相对较少，这可能会导致用户难以掌握该工具的使用方法。

性能问题：由于 Axure 是一款原型设计工具，因此在使用过程中可能会遇到性能问题，如速度较慢等。

学习曲线：Axure RP 是一款功能丰富且复杂的设计工具，对于新手来说，学习曲线可能比较陡峭。

输出文件限制：Axure RP 输出的原型文件格式（.rp）只能被 Axure 软件打开和编辑，这意味着如果客户或团队没有安装 Axure 软件，他们无法访问和查看原型文件。

2.  墨刀原型工具

（1）产品介绍

墨刀（Moba）是一款由国内团队开发的原型设计工具。它旨在为用户提供一个高效、易用、灵活的原型设计平台，以满足不同层次和领域的原型设计需求。

（2）界面功能

墨刀（MobaX）提供了丰富的功能和模块，使用户能够轻松制作出专业的移动应用原型。以下是墨刀的一些主要功能介绍，如图5-2所示。

图5-2墨刀原型工具工作区界面

菜单栏：包括文件、编辑、视图、窗口、帮助等选项，用于进行基本的操作和设置。

工具栏：包括选择、画布、页面、组件、交互、原型和导出等选项，用于选择不同的工具和进行不同的操作。

画布：用于展示和编辑原型的设计界面，可以通过拖拽和放置组件来构建原型。

页面和组件：可以创建新的页面和组件，并对它们进行编辑和管理。

交互和原型：可以设置组件的交互和原型的效果，例如添加链接、触发事件等。

导出和分享：可以将原型导出为静态文件或者分享到云端，以便其他用户查看。

（3）优点说明

易用性：墨刀的操作简单易懂，用户只需要通过简单的拖放功能就可以创建原型。同时，墨刀提供了丰富的图形元素、交互模板和组件库，可以快速建立各种常见的界面元素，如按钮、文本框、下拉列表等。

团队协作：墨刀支持多人协作，可以实时查看其他团队成员的编辑内容和评论，使团队中的各个成员可以随时保持同步，并且可以更加高效地完成项目。

素材丰富：墨刀内置了丰富的行业素材库，用户也可以创建自己的素材库，共享团队组件库，高频素材直接复用。

交互设计强大：墨刀可以实现复杂的交互效果，例如手势和转场效果等，使原型设计更加接近真实产品体验。

标注和切图功能：墨刀可以将Sketch设计稿上传至墨刀，自动生成标注及切图，无需登录可直接获取到每个元素宽高、间距、字体颜色等信息，支持一键下载多倍率切图。

（4）缺点说明

对新手不够友好：虽然墨刀的易用性很好，但是对于新手来说，可能需要一些时间来熟悉操作功能。

对于大型项目的处理能力有限：墨刀对于大型项目的处理能力可能不如一些更专业的原型设计工具，可能需要分解项目或使用其他工具来辅助。

交互效果有限：墨刀的交互效果相对较少，对于一些复杂的交互动画，可能需要通过代码来实现，这需要设计师具有一定的编程能力。

团队协作低效：虽然墨刀支持团队协作，但在实际使用中，用户可能需要与其他团队成员共享原型文件，这可能会导致版本控制问题和协作效率降低。

3.  慕客RP原型工具

（1）产品介绍

摹客RP是一款高效易用的在线原型设计工具。摹客RP采用基于Web的全新架构，无需下载安装，不受设备系统的限制，通过浏览器即可快速进行原型设计。

（2）界面功能

摹客RP工作区界面一共包含9大区域，它们分别是菜单，页面，图层，组件，图标，资源，属性，交互，说明，如图5-3所示。

图5-3慕客RP原型工具工作区界面

下面，我们对慕客RP工作区界面做一个详细的说明。

菜单：主要功能有流程图模式，辅助功能，钢笔工具，铅笔工具，前进，后退，对齐，界面百分比调整，以及发布，下载，演示，全屏等。

页面：主要功能有创建文件夹，创建页面，文件夹和页面管理。该模块为原型设计的主区域。

图层：用于查看各个页面的设计元素。

组件：原型中的各种设计组件，包含预设和更多组件，预设包含基本，容器，常用图表，批注形状等常用组件。

图标：原型设计中的各种图标，包含有支付，文件办公，图表数据，手势，社交，设备，交通，符号，方向，多媒体，编辑，logo，app，数字/字母，医疗，金融理财，饮食，自然等各种图标。

属性：主要用于对原型组件进行各种设置，包含高度，宽度，旋转，文本，外形，扩展等

交互：主要用于组件与组件，页面与页面的交互设置。

备注：主要用于对组件的备注说明。

（3）优点说明

预置丰富素材，一键复用：摹客RP内置众多行业原型素材，帮助用户智能化搭建产品原型，减少重复性工作。通过编辑模板，可以更快地掌握页面设计、交互设计的方法，如果样式不满意，也可以自己优化后，保存至资源库，方便二次使用。

强大交互设计，即拖即用：相比于其他原型设计工具，摹客RP最大的特点是轻、快，无需下载；打开浏览器就能使用，并且内置丰富的组件。通过主辅画板模式搭配交互设置，就可以充分呈现设计内容；并且支持多种触发方式，轻松完成弹窗、滚动区、轮播图、锚点定位、循环旋转等精细动画效果，让UI设计师、开发工程师清晰地了解产品交互和逻辑，确保产品设计的交互还原度。

一键迁移Axure文件：摹客RP支持一键导入Axure文件，快速上传并自动生成项目文件，减少手动操作，准确完成项目迁移。

支持多人协作、在线演示：摹客RP支持多人协作，可以在线演示原型，一键发布后和同事分享文件，打点评审，畅享高效协作。

历史版本和导出离线演示包：摹客RP支持历史版本和导出离线演示包，项目版本管理更放心。

成员管理：摹客RP支持设置多种成员角色权限，项目安全有保障。

（4）缺点说明

兼容性不强：摹客RP作为一款国产的原型设计工具，对于一些国外的设计软件如Axure等，可能存在兼容性问题，需要进行转换或调整才能导入使用。

学习成本高：摹客RP相对于其他一些原型设计工具来说，功能更加丰富和复杂，因此需要用户花费更多的时间和精力来学习和掌握。

价格较高：摹客RP是一款收费软件，相对于一些免费的原型设计工具来说，价格较高，可能需要考虑成本问题。

技术门槛高：摹客RP的操作相对较为复杂，需要一定的技术门槛，对于一些初学者来说可能存在一定的学习难度。

浏览器兼容性差：摹客RP在一些浏览器上可能会出现兼容性问题，如卡顿、崩溃等，需要使用特定的浏览器或进行特定的设置才能正常使用。

4.  即时原型工具

（1）产品介绍

即时原型是一款高效、灵活、快速的产品原型设计工具。具有云端存储，丰富的图形组件，交互可自定义，团队实时协作等特点。产品经理可以通过即时原型快速地创建和修改原型。

（2）界面功能

即时原型工具界面功能主要包含菜单，组件库，页面库，图片库，引用组件，帮助，目录，设置，事件，版本，备注，如图5-4所示。

图5-5即时原型工具工作区界面

下面，我们针对即时原型工作区界面做详细的说明。

菜单：主要功能页面切换，页面百分百比调整，前进，后退，历史记录，prd文档，保存，下载，分享，预览，团队协作等操作。

组件库：主要包含基础组件，图标，web高级组件，mobile高级组件，图标组件，ios组件，通用基础组件等。

页面库：用于管理公用页面库和我的页面库。

图片库：主要有历史上传图片，公用图片库，我的图片库。

引用组件：针对需要多次使用的组件，可以创建引用，类似axure中的母版。

帮助：各种组件的使用视频教程。

目录：主要包含页面目录（文件分组和页面管理），组件目录。

设置：包含页面设置和项目设置。

事件：添加组件和页面的交互样式。

版本：可创建版本管理

备注：用于全局备注和组件备注。

（3）优点说明

创建原型容易：通过即时原型工具能够快速地将产品设计成可视化的原型，并进行交互式演示和测试，以便更好地了解用户需求和反馈。

交互演示简单：即时原型工具能够添加交互式元素，如按钮、链接、表单等，以便进行交互式演示。

团队协作方面：即时原型工具支持多人协作，允许设计师和开发团队成员同时进行设计和测试，从而提高工作效率和减少错误。

支持集成和导出：即时原型工具通常能够将原型导出为可用的格式，如png等，以便进行演示和分享。

（4）缺点说明

功能限制：即时原型工具通常以简洁和易用为主，因此它们可能无法满足复杂数字产品的全部功能需求。对于需要实现高度交互和复杂逻辑的产品，即时原型工具可能不是最佳选择。

导出限制：即时原型工具的原型导出功能可能受到文件格式、文件大小和导出选项的限制。在某些情况下，导出的原型可能无法完全保留交互和动画效果。

学习成本：尽管即时原型工具使用起来相对简单，但在某些情况下，用户可能需要花费时间学习如何使用。

不适用于所有场景：即时原型工具主要适用于快速创建交互式原型及进行简单的场景。在需要实现复杂功能、高级交互或优化性能等方面，即时原型工具可能无法完全满足需求。

5.  Pixso原型工具

（1）产品介绍

Pixso是一款新一代原型、设计、交付工具，支持在线使用，兼容多种文件格式，包括Sketch、Figma、Axure等，可以轻松导入和编辑。Pixso集成了强大的原型设计工具，可以帮助设计师快速创建产品原型，支持添加交互式元素和演示，同时支持多人协作和实时更新，方便团队成员共同编辑和沟通。

（2）界面功能

Pixso的界面功能主要包含菜单，页面，图层，电脑组件库，手机组件库，icon，设计，交互，如图5-6所示。

图5-6 Pixso原型工具工作区界面

下面，我们针对Pixso工作区界面做详细的说明。

菜单：主要功能有画板选择，组件快速选择，文本工具，连接线，分享，预览，画布缩放等。

页面：包含文件夹，页面新增，编辑，删除，其中原型设计主要在页面区域。页面区域提供移动工具，主要用来移动组件，同时提供手型工具，主要用于移动画布。

电脑组件：包含基础组件，按钮组件，菜单组件，弹窗组件，导航栏组件，输入框组件，图表组件，Toast组件，其他组件。

手机组件：基础组件，按钮组件，列表组件，导航栏组件，Toast组件，弹窗组件，卡片组件，其他组件。

设计：主要用于对组件进行各种操作设计。。

交互：主要用于对组件交互事件设置。

（3）优点说明

快速启动原型设计：Pixso提供了即开即用的原型设计工具，打开即用3000+ UI 组件库，有海量的原型设计模板、页面、组件及图标素材，操作起来相对较快捷。

丰富的交互效果：Pixso提供了多种转场动画、动态曲线、鼠标/手势指令动作等，可组合实现上百种转场形式，使交互效果更加丰富。

全面的功能覆盖：Pixso作为其公司核心产品，定位于产品设计协作一体化工具，能一站式完成原型、设计、交互与交付，打通产品、设计到研发的工作链路，全面覆盖产品原型、UI/UX设计、原型交互、设计交付全流程。

便捷的团队协作：Pixso支持多人协作，方便团队成员共同编辑和沟通。同时，Pixso还支持实时更新，团队成员可以及时获取最新的设计变更。

高效的样式复用：Pixso提供了样式库和组件库功能，设计师可以将常用的样式和组件保存起来，以便后续快速复用，提高工作效率。

智能的自动标注：Pixso可以自动将设计元素转换为可用的代码，方便开发人员使用。同时，Pixso还支持自动切图，可以将设计元素自动生成图片资源。

兼容多种文件格式：Pixso可以兼容多种文件格式，包括Sketch、Figma、Axure等，方便设计师导入和编辑。

强大的云端存储：Pixso采用了云端存储方式，用户可以随时随地访问和更新设计文件，避免因电脑损坏或更换设备而丢失数据。

（4）缺点说明

兼容性不强：Pixso作为一款新兴的原型设计工具，对于一些其他设计软件的兼容性可能不够强大，需要设计师进行转换或调整才能导入使用。

学习成本高：相比于一些其他原型设计工具，Pixso的操作相对复杂，需要设计师花费更多的时间和精力来学习和掌握。

浏览器兼容性差：Pixso需要在浏览器中运行，但对于一些用户来说，可能会存在浏览器兼容性问题，从而影响其使用体验。

价格较高：Pixso是一款收费软件，相对于一些免费的原型设计工具来说，价格较高，需要考虑成本问题。

缺乏足够的自定义性：Pixso的界面和功能相对固定，对于一些用户来说，可能无法满足其特定的需求或偏好。

以上，五款原型设计软件体验下来，总体来说还是Axure相对比较好用，可能是先入为主的原因吧。但Axure和这些云端原型设计软件对比其实在一些组件库和相互上是有所欠缺的，可这些并不影响它的行业地位，因此，推荐新手入门还是Axure比较适合。

-END-

本篇文章来源于微信公众号: Mtian梦天