系统侠官网 - 最好的电脑系统下载网站!

  • 大小:0.18 MB
  • 语言:简体中文
  • 授权:免费版
  • 类别:图形图像
  • 下载:
  • 更新:2021-11-02
  • 支持系统:WinXP, Win7, Win8, Win10, WinAll
  • 安全检测: 360安全卫士 360杀毒 电脑管家
  • 星级评价 :
  • 软件介绍
  • 人气下载
  • 下载地址
  • 网友评论

  摹客XD插件提供切图功能,可以帮助用户在XD软件上快速切图,从而获取自己需要的图像,可以将图像上传到摹客使用,方便和其他设计师协同工作,在协同界面快速编辑新的图形,这款软件操作还是很简单的,软件作为插件使用,直接部署到XD菜单界面,当你需要切图的时候就启动插件,使用快捷键控制切图,支持标注功能,对当前的图形添加标注,支持多选标注,对多个区域标注,方便获取多个图形,输出尺寸可以自行设置,手动调整切图的高宽,也可以使用软件提供的标准尺寸输出,从而上传到摹客使用!

摹客XD插件

软件功能

  自动标注更智能

  不仅支持标注,还支持百分比标注;不仅可以选择单个图层,还可以连续选择多个图层,并智能标注需要的度量。

  查找标注更方便

  可以一键查找页面中的任何重复元素(如文本、颜色、边距、宽度等),一次查找,就可全部看清,提高效率。

  查看标注更细致

  除了正常查看,还可以弹出放大镜,查看微小距离的标注。

  设备适配更实用

  对不同设备的单位做自动转换,方式更简单,更符合实际需要。

  整理规范更聪明

  自动将页面中使用的颜色、文本样式等整理为设计规范。

  画板呈现更体贴

  可展示页面的全貌画板,画板缩放更自如,设置流程逻辑线的方式更清晰,可添加逻辑描述, 支持导航漫游,还可设置演示首页。

  批注方式更贴心

  除了支持图钉批注,还支持圆形、矩形、直线、箭头、文字等多样批注。

  交互演示更细腻

  对交互演示,支持9种动画设置。

  管理页面更方便

  以目录树方式管理页面,支持创建多级多个分组。结构一目了然。

软件特色

  1、和手动标注说再见

  一键上传,智能标注,鼠标点击即可查看标注数据;

  右侧面板图层数据一目了然。

  2、和手工切图说再见

  一键标记,高清切图自动生成;

  自动上传,前端工程师也能实时更新切图。

使用说明

  1、摹客XD插件提供简单的标注功能,可以直接在XD软件上对图像标注

摹客XD插件

  2、如图所示,可以显示百分百数值,您选择的标注区域自动显示百分百,方便查看像素

摹客XD插件

  3、这里是多选功能,您可以对多张图像添加标注,一次完成切图标注

摹客XD插件

  4、对于查看不清晰的位置可以启动放大镜功能,直接对任意界面内容放大

摹客XD插件

  5、这里是切图功能,使用鼠标标注以后就可以对图像剪切,选择图像就可以下载切图

摹客XD插件

  6、提示分辨率设置功能,可以在软件界面设置XY,设置高宽,可以在下方选择iOS尺寸输出

摹客XD插件

  7、这里是多图下载功能,可以一次选择全部切图下载

摹客XD插件

官方教程

  安装XD插件

  在摹客官网(https://www.mockplus.cn/download/idoc-xd)下载摹客摹客XD插件安装文件并双击进行安装。注意:你需要将Adobe XD 更新到13.0以上版本。

  打开插件

  插件安装好后打开XD,在「菜单栏>插件」找到摹客插件,选择并打开。

  Mac OS:

摹客XD插件

  Windows:

摹客XD插件

  注册和登录

  使用摹客平台账号(在Mockplus、摹客上通用)即可登录。如果你看到的界面是英文的请点击左上角设置图标按钮切换插件语言。

  选择项目和分组

  通过下拉菜单选择项目和分组,设计稿将上传至该项目对应的分组中。

  新建项目

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

摹客XD插件

  在新建项目时可选择项目集,将项目创建在目标项目集内。

摹客XD插件

  切换团队/切换账号

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

  标记切图

  选中需要切图的图层或编组,在图层栏中点击「添加导出标记」图标。

  此时图标变黑,提示「添加导出标记」变为「取消导出标记」,此时切图操作便完成了。

摹客XD插件

  自定切图尺寸

  在 Adobe XD 中如何自定切图尺寸呢?看看下面的操作方式:

  在 XD 中绘制一个矩形,将矩形调整为你所需的切图尺寸。

摹客XD插件

  同时选中图标和矩形,将二者合并成组。

摹客XD插件

  对分组“添加导出标记”,接着使用摹客插件将画板上传摹客即可。

摹客XD插件

  选择设计稿倍率

  点击倍率下拉框,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应 @2× 。

摹客XD插件

  上传设计稿

  标记完成切图之后,一键将设计稿上传至云端项目中,提示完成后便可在云端查看到刚才上传的设计稿。(注:操作过程中,如果误点击了“上传”,可在上传界面右上角点击“取消”,本次上传将会立即中止。)

摹客XD插件

  状态图

  在XD中选中单个画板并勾选“上传所选画板”,点击“上传”按钮,插件将自动执行上传状态图操作。状态图详细操作可点击查看:状态图。

摹客XD插件

  添加更新说明

  用插件上传设计稿修改时,可为本次修改添加更新说明,方便其它同事快速了解修改内容。点击插件界面下方“添加更新说明“按钮,该说明将会和设计稿一同上传至摹客。

摹客XD插件

  更新说明添加后,在摹客网页端-“动态”部分,就可以清楚地查看到更新说明信息啦!

摹客XD插件

  导出高质量设计稿

  如果你想导出非常高清的设计稿,请勾选“上传高质量设计稿”选项,设计稿会以原有尺寸的两倍宽度进行上传。(但这样做会牺牲摹客的性能,如果你感觉在摹客的画板部分有明显的卡顿,请勿勾选此选项。)

摹客XD插件

  标注扩展区域

  在插件-设置中,若勾选了“标注扩展区域”,图层如果有阴影、边框、模糊等扩展区域,上传摹客后会显示最大区域;若不勾选,上传摹客后的标注将不包含阴影、边框、模糊等,仅显示图层本身的大小。

摹客XD插件

人气下载

下载地址

  • PC版

下载地址: