安装


下载并解压 MockingBot.zip
下载链接:https://pan.baidu.com/s/1CrqEZ06XEsbKMeq8ZdRa_Q


使用


1.保存当前 Sketch 文档
2.选择文件,一键导入进墨刀

前往 墨刀官网 注册账号并创建项目,执行 Plugins > MockingBot > Export to MockingBot 或使用快捷键 command ⌘ + shift ⇧ + Y 将所选的 Sketch 文件导入到目标项目中


mockingbot-1.png



3.在线制作富有交互的设计原型

使用 链接区域 组件,快速添加交互热区,通过拖拽连线和选择转场动画为设计稿增加丰富交互,产出高保真原型


mockingbot-2.png



4.演示页直接获取设计标注

打开项目链接,开启开发者模式,单击元素查看对应的颜色、尺寸及坐标信息,推进开发


mockingbot-3.png



5.一键下载三位图的切片素材

将已经做好 切片标记 的设计稿导入到墨刀,在项目演示页开启 开发者模式,单击已标记的元素,即可下载素材压缩包(x1、x2、x3)以及 PDF 矢量文件

减少沟通步骤:协作者可直接点击 开发者模式,对切片素材进行自主下载;不必像传统模式下,经过下载 - 压缩打包 - 传输,中间又反复修改、传输的繁琐过程

一键下载,自由挑选:可一键下载(x1、x2、x3)的素材压缩包;不必在 Sketch 里导出一个个不同大小的素材包


mockingbot-4.png



6.生成流程图,添加 prd 文档说明

点击编辑工作流,可自动生成可编辑的流程图,并且可添加富文本文档,原型在全局和细节展现中无缝衔接


mockingbot-5.png



7.团队协作 打点讨论 云端管理

团队协作查看,多种角色权限管理,团队成员可第一时间收到变动信息,快速做出反馈


mockingbot-6.png



基本信息

收录版本 2.3.16
更新时间 2018-4-25

 

edfa7d0b8bb39bbc94af729561bbda23.png

亲!小编正在上传资源中,请稍等。

文章来源:UI酷设计

关注UI酷设计公众号

领取100+交互体验pdf电子书