墨刀Sketch这款插件可以将你所选的 Artboard 上传至墨刀的某个应用里,在不影响已添加交互链接的情况下随时更新、覆盖原有设计稿。设计师朋友们可以将设计稿统一提交至墨刀进行“交互设计”和“图片管理”。开发者可以通过“开发者模式”,获取页面元素的各种标注信息,加速开发。需要的朋友赶紧下载吧!
墨刀配合Sketch插件
图层标记上线
收集元素信息,配合墨刀演示页的开发者模式,一键查看设计稿中元素的颜色、尺寸、坐标信息,加速产品开发。
三步全面升级效率的 Sketch 插件
1、选择文件,一键导入进墨刀
在墨刀线上注册帐号,创建项目,通过插件将所选的 Sketch 文件导入到目标项目中
2、在线制作富有交互的设计原型
在墨刀通过拖拽连线和选择转场动画为设计稿增加丰富交互,产出高保真原型
3、演示页直接获取设计标注
直接打开项目链接,开启开发者模式,单击元素查看对应的颜色、尺寸及坐标信息,推进开发
Sketch 插件介绍
画布导入
直接导出图片到墨刀,免去上传图片步骤,只需安装插件即可使用。快速共享图片、进行设计稿审阅或交互设计。
图层标记
收集元素信息,配合墨刀演示页的开发者模式,一键查看设计稿中元素的颜色、尺寸、坐标信息,加速产品开发。
图层导入
页面图层分离,在墨刀中进行细致的交互动画设计。
墨刀 Sketch 插件怎样用
第一步:
下载 MockingBot 插件,双击安装后重启 Sketch,重启后插件才会生效。
第二步:
选择需要上传的 Artboard 后,单击 Export to MockingBot,打开 MockingBot for Sketch 插件。
第三步:
输入墨刀帐号,登录后选择想要上传的「应用名称」,点击上传,完成设计稿导入。
注意:当前版本插件内不支持新建项目,所以新注册用户需要打开浏览器或者墨刀客户端,登录并新建应用后,才能进行上传操作。
第四步:打开「墨刀客户端」或「墨刀网页版」,登录同一帐号,对所上传的设计稿进行交互设计、重新排序等操作。
∨ 展开