Adobe推出适用于UI/UX设计工具XD的VS Code扩展组件

Adobe发布最新版本的UI/UX设计工具XD,这个版本提供了设计师方便的3D转换功能,能够立体旋转缩放文本和形状之外,设计团队也能利用Creative Cloud媒体库,进行大规模协作,另外,Adobe还推出适用于XD的VS Code扩展组件,让设计人员与开发人员方便地进行协作。

官方提到,数字体验不断的发展,设备和操作系统提供更多变化,使得用户接口操作更加丰富,但是用来设计这些操作体验的工具,还仅限于二维设计样式。因此在这个Adobe XD版本中,加入了全新3D转换设计方法,现在设计师可以旋转对象,并且向前向后移动,让对象呈现深度和透视的效果。

这些3D转换效果可以应用在形状、文本和群组中,对象内容没有任何限制,而新附加到已转换群组的对象,对象便会自动应用群组转换效果,另外,3D转换也可以和其他功能搭配使用,像是自动动画或是卷动群组等。官方表示,要应用3D转换非常简单,只要选择目标对象,并在属性中激活3D转换,便能够通过鼠标拖拽,或是输入数值,直接对对象进行转换。

除了增加3D转换功能,官方也在Adobe XD对设计系统进行重大更新,让开发团队可以使用Creative Cloud媒体库来创建和分享设计系统,用户只要简单点击鼠标,就能发布设计系统,或是邀请团队其他成员贡献设计。文件文件是设计系统的构建基础,当用户整理好诸如颜色、字体样式和组件,就能够将其发布成为媒体库,用户也可以控制媒体库的访问,并且管理更新。

官方表示,由于设计工作可能涉及不同工具与工作流程,设计人员有时候可能会需要Illustrator编辑图标,或是以Photoshop修改图片,而使用媒体库,则可以简单地跨所有Creative Cloud应用程序访问文件文件。

另外,官方也提到,成功的设计系统都需要设计人员和开发人员,共同创建、合作和维护,对开发者来说,他们需要离开开发工具,才能使用设计系统,而现在Adobe发布了适用于XD的VS Code扩展组件,让开发者可以在程序代码编辑器中,直接访问设计系统。

开发者已经可以在Visual Studio市场中,下载该扩展组件,通过集成Creative Cloud媒体库的支持,开发人员可以快速创建设计令牌,并将其编译到网页、iOS、Android和Flutter等平台,也可在撰写程序代码的时候,快速访问任何相关的文件以及程序代码片段。