百色金融新闻网
您的位置:百色金融新闻网 > 经济新闻 > xd组件怎么用_xd软件是做什么用的

xd组件怎么用_xd软件是做什么用的

作者:百色金融新闻网日期:

返回目录:经济新闻

前言

之前和大家介绍了 XD 软件的一些好用的功能,并未提及了一些还未完善的功能,就比如插件。相比Sketch的插件数量来说,目前XD还是远远追不上的。但是现在在 Adobe 公司奖励机制之下,XD 每天都涌现出很多的新插件。

当然从中也不乏一些还不错的,今天就给大家介绍4款个人推荐的插件:

1. RepeatGrid Fitter

Adobe XD 最亮眼的一个功能,就是 RepeatGrid 重复网格功能,它能快速复制,高效批量处理信息。而这个 RepeatGrid Fitter 插件的功能就是提供 RepeatGrid 在手动调整上面的便利。遇到的问题:

1.我们在拓展网格的时候,经常会拉不准,宽度不是多一点就是少一点。

2.重复网格无法控制个数,X行Y列,就是产生X*Y个元素。

XD那些好用的插件

插件解决:

通过控制列数和个数,达到约束行数的功能。同时,在设置完参数之后,还有自动吸附边缘对齐,不用再手动调整。

XD那些好用的插件

通过设置上图的参数,然后我们可以得到,对齐之后的8个元素:

XD那些好用的插件

安装方法:

在 Adobe XD 菜单 — 插件 — 管理插件或发现插件单击,打开Adobe XD 插件管理器,搜索“ RepeatGrid Fitter ”单击安装即可。

2. text toolbox

text toolbox 这个插件是针对文本输入框(超过一行),能快捷调整文本框高度到内容实际区域。

遇到的问题:

我们在使用文本框自动换行的时候,会手动的调整文本框的高度,但是会如图上的文字下边缘留白比较多,会影响实际的开发测距。

XD那些好用的插件

插件解决:

通过 text toolbox 这个插件中的“ Trim Height ”功能,只要点击一下,就能准确的恢复到文本框本身的高度。

XD那些好用的插件

安装方法:

在 Adobe XD 菜单 — 插件 — 管理插件或发现插件单击,打开Adobe XD 插件管理器,搜索“ text toolbox ”单击安装即可。

3. Rename it

Rename it 是 Adobe XD 图层、画板批量重命名插件,可以让你的图层、画板按一定顺序命名。

遇到的问题:

XD里面如果要修改文件夹名字需要一个个修改,还无法快速查找,比较麻烦

插件解决:

批量选中,并可以根据系统设置的参数一键修改。同时还支持查找&替换功能。

选择一个或多个元素,选择画板也可以。单击“插件” — “Rename it” — 重命名所选图层。

输入名称和关键词进行组合,会直接显示预览,点击下方关键词可以快速输入关键词。

XD那些好用的插件

查找和替换选定图层。

XD那些好用的插件

用来替换选定图层中图层名称相同的部分,如将选定的3个图层包含“矩形”的图层名称部分全部替换为“圆形”。

安装方法:

在 Adobe XD 菜单 — 插件 — 管理插件或发现插件单击,打开Adobe XD 插件管理器,搜索“ Rename it ”单击安装即可。

4. Axhub Icons

Axhub Icons 本质是一款 Chrome 浏览器扩展,可以快速复制想要的 icon 到 XD。

遇到的问题:

使用iconfont的步骤过多,还需要下载。

插件解决:

在插件中快速复制,一键黏贴,还支持更改颜色。

打开 iconfont 官网 根据自己需要的图标搜索关键词,找到想要的单击复制即可到 Adobe XD 中粘贴即可。

XD那些好用的插件

安装方法:

插件不在自带插件库中,下载可以通过 XD 中文网。

以 Chrome 浏览器为例,单击右上角菜单–更多工具–扩展程序,打开扩展程序管理页。

XD那些好用的插件

将下载好的插件直接拖入浏览器,安装即可。

总结

虽然说 XD 目前的插件比较少,但是以现在每天的增长数量来看,不久就会涌现出一大批,所有对 XD 使用者来说,这是一个福音,我们再来回顾一下,今天说的4款插件:

  1. RepeatGrid Fitter 插件通过控制列数和个数,达到约束行数的功能。同时,在设置完参数之后,还有自动吸附边缘对齐,不用再手动调整。
  2. 手动无法很精准的调节文本框高度,通过 text toolbox 这个插件中的“ Trim Height ”功能,只要点击一下,就能准确的恢复到文本框本身的高度。
  3. 使用 Rename it 插件批量选中图层或者画板,并可以根据系统设置的参数一键修改名称。同时还支持查找&替换功能。
  4. Axhub Icons 本质是一款 Chrome 浏览器扩展,可以一键导出 iconfont 的图标,还支持在 XD 中更改颜色。

本文章来源【学UI设计网】https://www.xueuisheji.com/?p=6363

相关阅读

  • xd组件怎么用_xd软件是做什么用的

  • 百色金融新闻网经济新闻
  • 前言 之前和大家介绍了 XD 软件的一些好用的功能,并未提及了一些还未完善的功能,就比如插件。相比Sketch的插件数量来说,目前XD还是远远追不上的。但是现在在 Adobe 公司奖励机制
关键词不能为空

经济新闻_金融新闻_财经要闻_理财投资_理财保险_百色金融新闻网