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.18
• 更新时间 6年前