目前,优秀的品牌、企业和组织都不会仅为单个平台进行用户体验设计,随着数字产品从网站到移动应用程序再到智能手表等众多渠道的泛滥,对集中式、可扩展的方法的需求越来越迫切,需要在保持一致的品牌形象的同时又能快速创建令人愉悦的客户体验。设计系统的出现强调了品牌共享、工作流程效率以及产品团队内部协作更顺畅等共同目标。在全渠道的数字环境下,上架时间变得至关重要,因此产品团队现在需要更快的设计迭代和工作流程来跟上内容不断提高的速度。
使用 Adobe XD,产品设计团队可以为设计系统创建资产和可重用组件的共享库,并在设计项目中使用它们。通过使用云文档、链接资产和文档历史记录等功能,团队可以在协作平台上为设计保留一个真实的来源,从而使团队能够以快速、高效进行迭代所必需的速度进行操作。
但是,设计系统工作流并不总是在 Adobe XD 中开始和结束。幸运的是,Adobe XD 的生态系统每天都在完善,目前已经引入了不少可以将 XD 连接到优秀工具的新插件,这些工具可更好地创建、实施和管理设计系统。以下是一些较为好用的工具,它们可以创建设计系统文档站点、共享品牌准则和资产,更好的促进设计人员与开发人员协作以及提取设计资源以用于在 Adobe XD 中进行设计。zeroheight
zeroheight 是一个在线协作式编辑器,可以使用 XD 中创建的资产和组件为设计系统创建和维护漂亮的文档站点。专为包括设计师、产品和开发人员的产品团队而设计,它可以成为设计文档的唯一标准。XD 的 zeroheight 插件可轻松上传和整理 XD 组件和样式,以使文档在 zeroheight 网站上保持最新状态。借助 Adobe XD 的 zeroheight,可以在短短几个小时内建立一个设计系统文档站点。

Frontify 是一个对用户非常友好的整体品牌管理平台,通过集中管理,可以使客户能够最大化品牌的一致性、效率和参与度。使用 Adobe XD 的 Frontify 插件,可以将 Frontify 中的数字品牌资产直接链接到 Adobe XD,以无缝访问颜色、版式、图标、图像和LOGO,并且始终保存最新。
Zeplin 是产品团队的互联工作空间,在 Zeplin 中可以共享、组织和协作设计。Zeplin 中的样式指南可以在集中的位置组织设计系统的颜色、文本样式和组件。借助 Zeplin 3.0,开发者还能直接在设计中从其代码库查看 UI 组件,并提供文档链接,从而提高整个团队的可重用性。
Toolabs DSM 插件可以让设计拥有多种状态。只需创建设计令牌、定义设计系统状态(例如颜色主题,多语言和版本),然后通过定义系统状态变化来使您的设计具有主题性,而无需复制画板。
Superposition 是一个免费的桌面应用程序,使用它可以从网站上提取所有设计信息,并直接在 Adobe XD 设计中使用它们。只需输入网站 URL 即可提取颜色、版式、间距等。安装 Adobe XD 的 Superposition 插件,然后直接从 Adobe XD 的插件面板中的 Superposition 内部使用设计标记。选择任何对象,将显示适用的令牌,单击它们会自动将它们应用于选择的对象。使用它可以在您的网站和应用程序的不同部分甚至项目之间提供一致的体验。
对于希望扩展其工作流程以适应更大范围的数字平台和渠道的产品团队而言,设计系统已成为至关重要的元素。使用这些插件,可以轻松地开始使用XD实施设计系统,以在整个团队中建立有效的工作流程和品牌一致性。文中除zeplin是第三方集成外,另外4款插件均可在 XD 插件管理器或 XDpacks 中搜索下载使用,也可在 XDpacks 首页的“设计系统工具”专题中直接找到全部4款插件。