MockingBot

快速添加页面交互动画获取标注信息

团队协作利器,可快速添加页面交互动画,生成流程图,并可自动获取标注信息

安装

  1. 下载并解压 MockingBot.zip
  2. 双击 MockingBot.sketchplugin 完成安装

使用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

基本信息

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