作为国产一流原型设计工具,在5月发布的团队协作功能的基础上,Mockplus在今秋为我们带来了什么呢?一起来看看Mockplus v3.2的新功能吧。

数据自动填充

数据自动填充

Mockplus v3.2.4实现了数据的自动填充功能,支持填充的数据类型为文字和图片。目前,自动填充功能适用于以下两种情况:

  1. 直接使用,用于图片或文字的单个或批量填充。
  2. 在格子中使用,快速构建带有重复布局的组件(如列表),大大节省设计时间。

页面流程图

页面流程图

漂亮的页面流程图是产品经理和设计师特别希望拥有的。

通过页面流程图,我们可以很直观地看到每个页面的内容展示和功能流程,同时,还可以展示页面的重要批注。

Mockplus的页面流程图可以做到:

  • 即时生成。
  • 展示全部或部分页面的流程图。
  • 智能生成流程连接线,支持手动调整。
  • 展示页面的批注信息。
  • 一次导出页面流程图。

格子

格子

在设计中,有大量需要重复制作的部分,比如一个新闻应用的文章列表、设置页面中的分栏,或图标导航栏。

通常情况下,你只能一个个制作或多次复制粘贴。令人头痛的是,如果某处做了调整(比如,字体加粗),还要一个个再去对应修改。

利用格子,你可以快速制作重复的布局。

你所做的,只是拉动鼠标,你需要重复的部分立即自动生成。

你可以纵向、横向拉动,也可以从右下角做整体拉动。

你可以调整格子之间的间距,一次应用到所有的格子。

在格子中,你可以自由地编辑。当你调整一个单元格中的某个组件特性,其它单元格中的对应组件也会立即智能调整。

这些,都大大节省了设计师的工作量。

脑图设计模式

脑图设计模式

在Mockplus中,你可以利用脑图来快速反映设计思路和项目结构。脑图到底有多有用呢?我们一起来看看:

有了脑图,在项目设计过程中,你可以一键切换脑图设计模式,快速规划需要的模块。

在演示过程中,随时调出脑图,便于对项目的整体功能进行演示讲解。

项目制作完成后,随时导出基于图表的图片,便于后期筹划PRD文档。

在脑图设计模式中,你可以:

  • 自由增添/删除/重命名页面和组
  • 拖拽调整页面位置,直接映射到项目文件
  • 变换脑图风格,多种样式任你选
  • 一键导出脑图

项目例子和模板

项目例子和模板

现在,你可以在Mockplus中,直接导入官网提供的所有例子项目和模板了,不需要先去Mockplus教程网下载mp文件,然后再打开。

你可以导入例子进行观摩和借鉴。

你也可以导入一个完整的模板,快速完成项目初期的原型。模版按照应用的类型分为社交、购物、新闻阅读、旅游出行、音乐等将近20类。

不仅如此,更方便的是,你还可以通过常用的功能页面模板,来迅速完成某一个页面的构建。这些常用功能页面包括:首页、登录/注册、设置、帮助/关于、搜索⋯⋯。

Sketch文档导入

Sketch文档导入 Sketch文档导入

Mockplus v3.2支持将Sketch的设计文档导出为Mockplus的MP项目文件。导出后,你可以在Mockplus中打开它。

更进一步地,你还可以直接将sketch的文档发布为Mockplus的团队项目,支持多人协作处理。甚至,你可以直接往团队项目中插入一个新Sketch页面。