suwei
Sketch新手
Sketch新手
  • UID16264
  • 发帖数1
  • 威望95点
  • 社区居民
阅读:552回复:0

[插件]推荐一款高效的交互&标注插件——MockingBot for Sketch

楼主#
更多 发布于:2017-10-17 19:05
给大家推荐一款很好用的sketch插件——MockingBot for Sketch,是由墨刀团队开发的。
它可快速添加页面交互动画,生成流程图,并可自动获取标注信息。同时,它也是有很方便的团队协作功能,可以一键分享链接,打点评论,快速获取他人反馈。

图片:sketch-china@1x.png



视频链接:一分钟了解墨刀Sketch插件
文末有彩蛋哦!

安装:
  1. 下载并安装MockingBot.sketchplugin插件
  2. 注册墨刀(modao.cc)账号

使用:


1.选择文件,一键导入进墨刀
  前往墨刀官网注册账号,创建项目,通过插件将所选的 Sketch 文件导入到目标项目中

图片:step1.png


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

图片:step2.png




3.演示页直接获取设计标注
直接打开项目链接,开启开发者模式,单击元素查看对应的颜色、尺寸及坐标信息,推进开发

图片:step3.png




4.一键下载三位图的切片素材
将已经做好「切片标记」的设计稿导入到墨刀,在项目演示页开启「开发者模式」,单击已标记的元素,即可下载素材压缩包(x1、x2、x3)以及 PDF 矢量文件
  • 减少沟通步骤:协作者可直接点击「开发者模式」,对切片素材进行自主下载;不必像传统模式下,经过下载-压缩打包-传输,中间又反复修改、传输的繁琐过程。
  • 一键下载,自由挑选:可一键下载(x1、x2、x3)的素材压缩包;不必在 Sketch 里导出一个个不同大小的素材包

图片:step4.png


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

图片:step5.png





6.团队协作 打点讨论 云端管理
团队协作查看,多种角色权限管理,团队成员可第一时间收到变动信息,快速做出反馈意见。

图片:step6.png




彩蛋:通过 sketchchina专属链接 注册的用户可自动获取1个月的协同版免费体验哦!

[suwei于2017-10-20 15:48编辑了帖子]
游客

返回顶部