XDtools工具集-Adobe XD插件 集成12个常用功能,少装11款插件

这一次我将 12 个常用功能集成在了同一个插件中命名为“XDtools工具集”,安装它之后可以让你少装 11 个插件,其中不仅包含了我个人之前开发的 7 款插件中的 6 款,也新增了像售价 130 多元一年的那种参考线插件,并且后期还会增加新功能。


image.png

这一次我将 12 个常用功能集成在了同一个插件中命名为“XDtools工具集”,安装它之后可以让你少装 11 个插件,其中不仅包含了我个人之前开发的 7 款插件中的 6 款,也新增了像售价 130 多元一年的那种参考线插件,并且后期还会增加新功能。“XDtools工具集”目前包含以下 12 项功能:

  1. 参考线工具

  2. 二维码生成

  3. 文本替换

  4. 布局助手

  5. 地图生成

  6. 合并导出

  7. 高清预览图导出

  8. 复制SVG代码

  9. 复制CSS代码

  10. 重复网格宽高适应内容

  11. 文本数据填充

  12. 全网图片

“XDtools工具集”使用的是折叠面板,点击菜单可打开对应功能的面板或直接使用,下面是各个功能的介绍。

1.参考线

参考线工具可以快速创建参考线,由于 Adobe XD 没有开放参考线 API,所以实际是绘制的直线,单个画板上的参考线都会保存在同一个图层组“参考线”中。

image.png

使用参考线前,首先需要选择一个画板或一个在画板上的元素,第一排 6 个图标可以快捷创建参考线,分别做所选对象的左侧、垂直居中、右侧、上方、水平居中、下方的位置创建参考线。

01参考线1.gif

下方的 8 个输入框分为 2 组,第一组是左边距、右边距、上边距、下边距,第二组为列数、行数、列间距、行间距。输入框中输入数值即可创建对应的参考线,边距为在距离所选对象设置的值的位置上创建参考线,列数和行数是将所选对象的分为多少列和多少行,列间距和行间距对应所设置的列数和行数之间的间距,设置完成之点击“生成”按钮创建参考线,未设置值的选项会被忽略,点击“重置”按钮可清空输入框重新填写。01参考线2.gif

2.二维码生成

使用二维码生成工具你首先需要选中一个宽高相等的矩形(正方形),然后做输入框中输入你要生成的内容(网址需要添加 http:// 或者 https:// 这样才能扫码后直接打开网页),点击“生成”按钮即可创建一个二维码自动填充。

02二维码生成.gif

3.文本替换

文本替换用来查找文本中的内容并进行替换,支持仅替换所选内容,或替换当前文件中所有符号要求的文本,暂不支持组件和重复网格中的文本,支持组中的文本。

03文本替换.gif

4.布局助手

布局助手可以对同一个组内的多个元素按指定的方向进行排序,并且保存排序规则,当组内的一个或多个元素宽高发生变化之后可以按之前的规则再次进行排序,支持从左至右、水平居中、从右到左、从上到下、垂直居中和从下到上 6 种方式,详细使用方法可参考:Layout 布局助手插件

QQ20200126-200250-HD.gif

5.地图生成

可用于直接在 Adobe XD 中插入地图,支持选择地图平台腾讯地图、高德地图、百度地图或谷歌地图,支持缩放级别、地图中心位置设置,详细使用方法可参考:在Adobe XD中使用高德/腾讯/百度/谷歌地图

image.png

6.合并导出

合并导出可将当前文件中的所有画板合并为一张大图并导出高清预览图,使用方法参考:Adobe XD所有画板一键导出整张大图

01.gif

7.高清预览图导出

高清预览图导出工具可选择一个画板之后导出一张较大的图片用于预览查看,支持 2 倍图、3 倍图、5 倍图、10 倍图,选择一个画板之后点击对应的按钮选择要保存的文件夹即可导出,受 Adobe XD 限制,导出的最终图片宽高不能超过 50000*50000,否则会出错。

image.png

8.复制 SVG 代码

选择内容之后,直接点击菜单即可将所选内容的 SVG 代码复制到剪贴板,可用于开发或做其它软件中粘贴使用。

9.复制 CSS 代码

选择内容之后,直接点击菜单即可将所选内容的 CSS 代码复制到剪贴板,可用于辅助开发。

10.重复网格宽高适应内容

很多时候我们会想将重复网格的宽高设置的跟内容的宽高一致,选择一个重复网格之后,点击一下菜单就可以了。

重复网格适应内容.gif

11.文本数据填充

这是一款文本数据填充插件,支持多个文本和重复网格中的文本,提供 27 个分类和自定义填充内容,详细使用方法参考:Adobe XD中文文本数据填充

QQ20191108-214014-HD.gif

12.全网图片

可以直接在 Adobe XD 中通过关键词搜索全网图片,选择一个矢量形状后找到想要的图片点击即可自动填充,图片版权需自理,详细使用方法参考:在Adobe XD直接搜索全网图片使用

未标题-3.gif

“XDtools工具集”已在 Adobe XD 第三方插件管理器 XDpakcs 中独家上架,XDpacks 正式版用户搜索“工具集”即可免费下载安装使用。

XDtools工具集-Adobe XD插件 Adob XD 插件,XDtools工具集-Adobe XD插件 是什么,XDtools工具集-Adobe XD插件 安装,XDtools工具集-Adobe XD插件 使用方法,Adob XD 插件下载,Adob XD 插件安装,Adob XD 插件教程,Adob XD 插件使用方法,Adob XD 扩展,Adob XD 第三方集成

XD资源
XD资源
XDpacks,Adobe XD第三方插件管理器