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

安装

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

使用

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

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

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

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

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

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

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

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

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

一键下载，自由挑选：可一键下载（x1、x2、x3）的素材压缩包；不必在 Sketch 里导出一个个不同大小的素材包

  1. 生成流程图，添加 prd 文档说明

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

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

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

基本信息

  • 收录版本 2.3.18
  • 更新时间 2年前

github 地址