Adobe XD发布v26版 新增内容感知布局星形等

昨日,Adobe XD 发布 2020 年 1 月第 26 个大版本更新,新增内容感知布局、星形、新的插件 API 以及插件开发 Chrome 调试等功能。

直接在 Adobe Creative Cloud 点击更新按钮更新即可 ,如果没有提示更新可在右上角菜单中点击“检查更新”来检查更新。

image.png

内容感知布局


内容感知布局可对一个组或组件设置固定的边距,当组中的内容有修改时,组或组件会根据修改后的内容自动设定宽高。image.png

以按钮为例,使用时选择一组元素,然后创建组或组件,在属性检查器中开启“边缘填充量”设置上、右、下、左的边缘填充量,可以单独设置一边的填充量,也可以将 4 个方向的填充量设置为相同,在设置填充量时元素上方会显示一个紫色区域提示当前正在设置的位置,在官方的视频中我们还看到可以拖动调整填充量,但是实际使用时未找到触发方法。

00.gif

接下来修改按钮中的文本内容,组/组件的宽度会自动调整,该功能搭配我们开发的“布局助手”插件,使用效果会更好,参考:Adobe XD布局助手插件


星形


在 Adobe XD 原有的多边形基础上,可以设置星形比例了。
image.png


插件 API

插件 API 除增加星形比率外,从 Adobe XD  v26.0 起,插件可以实现从插件面板直接拖动图像添加到当前文档中,但是不支持 svg 图像。而且,插件开发支持使用 Chrome 进行调试了,但是目前支持有限,可参考:https://xdcns.com/xdjiaocheng/422.html 

640.gif