返回上一页
Tutu

墨刀 Sketch 插件 v1.0 正式发布!

分享
墨刀 Sketch 插件(MockingBot for Sketch)1.0版本内测历时两个月,现在正式发布啦!
Mac 设备的小伙伴们可以直接进入产品下载页下载插件。 

关于下载

Sketch 插件支持版本:OS X 10.10 + Sketch 39

Sketch 是 Mac 下的桌面端应用,用于矢量图的绘制及设计,是设计师好帮手。MockingBot for Sketch 插件可以说是 Mac 下的又一工作利器!

墨刀一如既往秉承大力支持正版软件的态度,请大家使用正版 Sketch 应用。因为盗版软件原因造成插件在安装、使用上的问题,墨刀一概不提供技术支持。

墨刀 Sketch 插件是什么?

简单来说这款插件可以将你所选的 Artboard 上传至墨刀的某个应用里,在不影响已添加交互链接的情况下随时更新、覆盖原有设计稿。设计师朋友们可以将设计稿统一提交至墨刀进行「交互设计」「图片管理」。

谁可以使用墨刀 Sketch 插件?

墨刀 Sketch 插件是墨刀团队开发的免费插件,不论你的墨刀帐号版本是免费亦或付费,都可以下载该 Sketch 插件供团队内设计师们使用。

如果你是产品经理,使用协作功能将设计师邀请进入「我的团队」中,设置其为「协作者」。设计师使用插件将设计稿传入指定应用中,产品经理或交互设计师即可快速进行交互设计,产出高保真 Demo。

如果你是设计师,直接创建墨刀帐号,将设计稿传入墨刀中,快速进行交互设计或者设计评审。通过打点讨论来获取一手评审记录。

pasted-file-2.png 115.5 KB


墨刀 Sketch 插件怎样用?

第一步:
下载 MockingBot 插件,双击安装后重启 Sketch,重启后插件才会生效。

第二步:
选择需要上传的 Artboard 后,单击 Export to MockingBot,打开 MockingBot for Sketch 插件。

image (3).png 47.37 KB
第三步:
输入墨刀帐号,登录后选择想要上传的「应用名称」,点击上传,完成设计稿导入。
注意:当前版本插件内不支持新建项目,所以新注册用户需要打开浏览器或者墨刀客户端,登录并新建应用后,才能进行上传操作。

image.png 28.43 KB
第四步:打开「墨刀客户端」或「墨刀网页版」,登录同一帐号,对所上传的设计稿进行交互设计、重新排序等操作。

image (1).png 210.26 KB

v1.0 详细功能说明:

一、下图是墨刀 Sketch 插件的主要页面,在这个页面你可以:

  • 筛选「个人/团队应用」列表——只显示当前帐号具备编辑权限的应用
  • 快速搜索「应用名称」——在右侧搜索栏输入应用名称,快速定位
  • 登出 / 刷新列表——单击右上角个人头像刷新当前列表或登出帐号
image (2).png 66.18 KB
二、上传的设计稿会以 Artboard 为单位在「墨刀工作区」创建不同页面:
  • 页面顺序目前为随机模式,所以可能上传后需要重新梳理页面顺序;
  • 新上传的页面默认排列在页面列表下部;
  • 页面名称与 Artboard 命名一致,可在 Sketch 或 墨刀中修改页面名称;
  • 推荐以单独设备页面为单位创建 Artboard,否则可能会有解析失败的问题。

三、上传更新版设计稿到原项目(已包含此 Artboard 的应用),会自动替换并覆盖原有设计稿,设计稿上交互区域位置不变;反之,新设计稿会自动创建页面添加到工作区中。

四、注意:
  • 需要至少选中一个 Artboard 才可进行上传操作;
  • 需要在「墨刀客户端」「网页版」中创建项目;
  • 已上传成功的设计稿不可「撤销」或「回滚版本」。
插件功能演示视频:



版本迭代计划:

  1. 快速导入及更新 Sketch 设计稿至墨刀
  2. 引入测距功能,开发者在原型上可查看所有控件参数——包括颜色、尺寸、边距等信息
  3. 保留分层数据,让设计师完成更精细化的交互原型


感谢大家对墨刀的厚爱,欢迎将此神器推荐给你的设计师朋友哦!
评论 50