摹客教程

摹客教程

摹客,让设计更快更简单

摹客iDoc Sketch插件

摹客iDoc支持Sketch。通过摹客iDoc Sketch插件,可以上传Sketch设计稿以进行标记切图等。

 

安装Sketch插件

在摹客官网(https://idoc.mockplus.cn/download/sketch)下载摹客iDoc Sketch插件安装文件并点击进行安装。

下载插件

 

打开插件

插件安装好后打开Sketch,在「Plugins(插件)」中找到摹客 iDoc 插件,选择并打开。

打开插件

 

注册和登录

使用摹客平台账号(在Mockplus、摹客 iDoc 上通用)即可登录。

注册和登录

选择项目

通过下拉菜单选择项目,设计稿将上传至该项目中。

选择项目

 

新建项目

通过点击加号图标进行新建项目的操作。

新建项目

 

切换团队/切换账号

点击右侧“更多”图标,可切换团队/切换账号。

切换账号

 

标记切图

选中需要切图的图层或编组,点击Sketch 右下角的 Make Exportable 便可完成切图标记,无需再设置多种切图倍率,iDoc将自动生成不同倍率的切图。

标记切图

 

选择设计稿倍率

点击倍率下拉框选择设计稿对应的倍率,也可以直接默认,在Web端可修改设计稿倍率。例:375pt*667pt的设计稿对应 @1× 。

选择倍率

 

上传设计稿

点击上传所选或全部上传便会将设计稿资源一键上传至 iDoc,设计师和开发可登录摹客 iDoc 查看标注与下载切图。

上传设计稿

 

状态图

在Sketch中选中单个画板,点击 iDoc 插件面板上的“上传为状态图”按钮,即可上传状态图。状态图详细操作可点击查看:状态图

状态图

 

 

相关阅读: