此文章仅适用于爱好 Adobe XD,看不懂插件介绍或懒的去亲测的同学们食用,汇总版请查看 这里

如果你对 Adobe XD 感兴趣,赶快戳进来吧!Q群:464674996

评级标准(个人观点):

使用频率—日常工作所用到的频率

使用结果效果—使用结果是否达到预期

使用流畅度—比如网络状况、插件卡顿、加载时间、出效果的等待时间等

使用难度—包括使用必需难度和非必需难度


本章体验插件包含(插件体验版本截止到2019年2月25日):

Trello、 Bullet、 Design Hunt、 Inspect、 Style Mate、 Adjust Size by Shortcut、 Masked Image Shadows、 World Ready、 Experience Generator、 Ikono、 App Icon Generator、 XDA Exporter、 Polygons、 Pattern Maker、 Count Text、 Repetor、 Convert Shape、 Keyboard Shortcuts、 Alignment、 Frame Maker、 Change Case


Trello(★★★★)

介绍:一键发送画板至 Trello。Trello 是一款看板式团队协同办公工具,使用插件前需将 Adobe 账号与 Trello 绑定,更多 Trello 的了解请戳 这里

版本:v1.0.3

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Bullet(★)

介绍:批量给文本添加无序列表样式

版本:v1.0.3

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Design Hunt(★★★)

介绍:为任意形状填充图片

版本:v1.0.4

缺点:有点卡,尤其为多个形状填充时比较卡顿

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Inspect(★★★)

介绍:引用目标网站上的图片文本和表单数据,无法出数据的时候可以试试把 http 或 https 去掉就可以了

版本:v6.0.1

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Style Mate(★★)

介绍:首先创建样式(以 border radius 为例),选择要应用样式的元素后开始应用,根据样式分类后面的缩写输入 br 定位到 border radius 分类,选择 border radius 后回车进入 border radius 分类中的具体样式,选择 testbr 回车应用

版本:v0.1.5

缺点:操作复杂,用软件自带的资源管理足矣,且不能对同一元素进行不同样式的同时应用

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com
Adobe XD 插件体验详解(一)-www.xdccpro.com

Adjust Size by Shortcut(★★)

介绍:通过键盘快捷键调整元素尺寸,缩放量可自己调节。顶部区域为尺寸的单量缩放,中间区域为多量缩放(相当于 shift),下部为单量和多量的基准调节

版本:v2.0.0

缺点:用途不大,现在工具的尺寸快速调节都可以再尺寸输入框旁边通过鼠标拖动直接快速调节

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com
Adobe XD 插件体验详解(一)-www.xdccpro.com

Masked Image Shadows(★)

介绍:快速为图片添加投影(插件无法正常使用,请高人指点)

版本:v0.0.5


World Ready(★★★)

介绍:检查布局,翻译画板。一键检查选中画板中出现的文本盒子的高度宽度,在适配成目标语言时可能出现的布局问题。这种检验对某些项目的国际化而言是必不可少的。以英文翻译成西班牙语为例

版本:v1.0.3

缺点:只能针对单画板进行检查和翻译

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com
Adobe XD 插件体验详解(一)-www.xdccpro.com
Adobe XD 插件体验详解(一)-www.xdccpro.com

Experience Generator(★★)

介绍:快速创建不同设备下的常用业务页面画板

版本:v6.0.1

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Ikono(★★★★)

介绍:一套字体图标,使用前先安装好 字体文件 。含描边型和填充型两种样式,自由修改描边粗细,默认引入的图标为字体图标,可勾选成矢量路径图标

版本:v1.0.8

缺点:不可一次多选需要引用的图标

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

App Icon Generator(★★★★)

介绍:将应用图标导出 iOS、Android、UWP 和 XD 四个平台要求的各个尺寸

版本:v1.0.9

缺点:不能对某个平台例如 iOS 的某个尺寸进行不导出选择

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

XDA Exporter(★★★)

介绍:导出画板为 .xda 文件。关于 xda 文件的使用请参考 这里 和 这里

版本:v1.0.1


Polygons(★★★)

介绍:创建简单的多边形

版本:v1.0.6

缺点:图形太少

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Pattern Maker(★★)

介绍:选择一个元素(文本、形状、图片)根据列和行数来平铺整个画板

版本:v1.0.2

缺点:很难完美的贴合上下左右画板边域

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Count Text(★★)

介绍:统计文本段落中出现的单词数量和字符数量。科普:1汉字=1字符=1字节(ACSII)=2字节(Unicode)

版本:v1.0.0

Adobe XD 插件体验详解(一)-www.xdccpro.com

Repetor(★★★★★)

介绍:为重复网格(只能识别重复网格)填充假数据。支持多语言,自由选择需要填充的区域,自由选择填充类型

版本:v1.1.1

Adobe XD 插件体验详解(一)-www.xdccpro.com

Convert Shape(★★)

介绍:快速将元素(文本、形状、图片)根据原来的尺寸变为同尺寸的矩形、圆形、三角形

版本:v1.0.2

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Keyboard Shortcuts(★★)

介绍:快速查看和搜索 XD 所有快捷键

版本:v1.0.5

缺点:列表不太方便查看,且对中文不友好!一页展示5个?不如用 Cheatsheet

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Alignment(★★)

介绍:超级对齐和分布

版本:v1.0.2

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Frame Maker(★★★★)

介绍:快速为元素(文本、形状、图片)添加固定尺寸或 padding 的圆形、矩形、圆角矩形底层(可用于做按钮以及切图背景)

版本:v1.1.4

缺点:底层颜色修改太简陋

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com

Change Case(★★)

介绍:纯英文文本大小写编辑,可设置全部小写、全部大写、单词首字母大写、段落首字母大写

版本:v1.1.0

使用:

Adobe XD 插件体验详解(一)-www.xdccpro.com
Adobe XD 插件体验详解(一)-www.xdccpro.com