什么是Mockplus?

Mockplus(摹客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。

一.概述

为企业产品设计赋能

为产品设计而生的柔性工作流和项目管理：使用摹客的柔性工作流，让产品需求、产品设计到产品开发的流程得以完全贯通

支持全部主流设计稿，提供多种实用功能

高效版本管理

产品文档轻松撰写

整合设计资源

摹客设计系统

企业部署和定制

二.创新点

1.审阅协作

创建原型图、邀请、批注图钉，之后就可以协同工作了。所有的讨论、意见、版本，都会保留。

2.无缝真机预览

可直接实现设计和移动设备之间的通讯，直接预览，不需要任何第三方设备。在设计过程中，设计者拿出手机就可以随时和Mockplus对接，将原型传递到移动设备，观察原型在移动设备中的真实状态。

三.素描风格

其拥有200多个组件、海量图标，全部支持手绘素描风格。更好地强调传递一种设计原则即:"我这是草图，仅仅是原型，不是最终的产品，需要你的确认"。对于团队交流、客户沟通，这会有好的效果，也非常重要。

1.组件交互

视觉上定位于低保真，但致力于高保真的组件交互能力。表达交互时依然能够准确、完整，并同样简单上手。Mockplus支持基于页面的交互和动画效果。MockplusV2版本，将支持基于组件级别的交互和动画，可即时观察交互效果，大大降低学习成本。

2.模板重用

支持模版功能，可以把当前的设计存入模版库，下次使用时，直接拖入工作区即可。模版还可以分享到团队的其他成员已经所有Mockplus所有注册用户，从而提高整个团队乃至所有用户群的生产力。V2版本支持组件、页面、图片素材三个方面的模版和重用。

四.柔性工作流

柔性工具流是什么？

对于产品团队而言，协作设计至关重要，“标注”和“评论”则是其中非常有价值的功能，前者查看设计稿标注信息，后者反馈问题交流设计。两个功能都是高频使用，且存在联系，如果把它们放置在两个分离的板块，那么查看标注和评论之间就多了一环“切换屏幕”的操作。

摹客将“标注”和“评论”两个板块进行了融合，形成“设计”板块。在“设计”这条主线上，根据场景又进一步划分为3个节点：“评论>定稿>开发”，这3个模式可自由切换，按需选择，这样，1条设计主线把协作场景简单流程化，3个节点又自由流动地辅助流程，形成摹客的“柔性工作流”。

现在，只需一个页面文档，就能形成分工明确、各取所需，各司其职的团队协作。摹客柔性工作流不强制限定使用的先后顺序，可以灵活地适应不同团队的管理方式，让协作更高效，也更自由。

1.一条“设计”主线：

设计主线包含了“评论>定稿>开发”这三种模式，只需一个页面文档展示，无需切换，将设计师、产品经理、开发工程师、其他产品相关角色全部容纳到一起，高效沟通交流。

2. 三个关键节点

“评论>定稿>开发”是基于一个完整步骤的产品流程而设定，但不强制限定使用步骤，或者使用的先后顺序，产品团队可按需灵活运用，适应任何团队的协作和管理方式。不同的节点可最大限度的保证不同属性的产品角色执行以下操作：

评论模式：主要角色是产品经理，可在评论模式中传达需求、提出设计建议；

定稿模式：主要角色是设计师，可在定稿模式中，根据产品经理的建议进行修改，并且可以标记评论的解决状态。除此之外，设计师还可以通过手动标注，形成一份轻量级的PRD文档，将设计规范更准确地传达给开发人员；

开发模式：主要角色是开发工程师，可在开发模式中，查看智能标注，根据开发需要选取标注信息，同时，还可以在摹客下载多种设备尺寸的切图。这还可以大大节省设计师的工作量以及与开发间的沟通成本。

柔性工作流如何使用？

使用主要是基于三个场景模式：评论模式、定稿模式、开发模式。

1.评论模式：图钉工具和评论绘制工具

该模式中，主要有两大类工具提供自由评论：

图钉工具：主要用于产品、设计、开发之间的讨论；支持@通知成员。

其他评论工具：矩形、圆、直线、箭头；多种方式，随需选择。

2.定稿模式：手动标注工具

该模式中，融入了手动标注，目前共有5种手动标注工具：区域、文字、坐标、尺寸、颜色。其中，文字标注工具可以说是一大亮点，能够很高效地解决自动标注不能表达的部分，比如自适应方案描述。此外，定稿模式还可查看图钉以及改变图钉工具的状态，并可以一键标记所有图钉状态为已解决，与评论模式相对接。

3.开发模式：下载切图、导出CSS代码、查看标注

该模式中，可下载切图、导出CSS代码、查看自动标注和手动标注（允许隐藏手动标注），还有放大镜功能查看细微标注。该模式主要服务于前端开发人员开发使用，最大限度保证设计还原。

该模式下，还支持：

一键复制标注信息；

可查找设计稿内重复的元素；

一键复制CSS代码，标注面板下半部分，展示了样式代码，点击“复制代码”即可。

五.总结

"关注设计，而非工具"。拿来就上手，上手就设计，设计就可以表达创意。从设计上，采取了隐藏、堆叠、组合等方式，把原本复杂的功能，精心安排。上手很容易，但随着你的使用，功能层层递进，你会发现更多适合自己的有用的功能。新手不会迷惑，熟手可以够用。达芬奇说，"至简即至繁"，这一原则易说难做，Mockplus始终贯彻这一理念。