一、产品介绍

Adobe XD 是一款一站式 UX/UI 设计与原型制作平台，应用于移动应用、网页、语音界面等数字产品的设计与原型验证。它结合了设计与原型功能，提供工具和功能，帮助设计师高效地创建从静态设计到交互原型的设计流程。XD 原生支持 Windows 和 macOS 双平台，提供流畅性能。

XD 支持在画板上快速创建简洁的设计，然后将画板连接在一起创建交互式原型，可与利益相关者共享和迭代。支持插件自动化重复操作或繁琐复杂的设计师工作流部分。与 Photoshop、Illustrator 和 After Effects 深度集成，可继续在首选应用程序中设计，将资源带入 XD，然后使用 XD 创建和共享原型。支持 SVG 和位图文件保真。

XD 的核心工作流包括三个阶段：设计（创建设计布局元素、添加画板、导入资源）、原型（选择对象或画板创建画板之间的交互）、共享（共享原型或设计规范，或导出项目和资源给利益相关者）。支持实时协作（Coediting），多个设计师可同时在同一文档中工作。支持组件状态（Component States），可定义组件的正常、悬停、按下、禁用等不同状态。

二、产品功能

功能1：矢量设计与画板系统
提供完整的矢量绘图工具，包括绘图和形状工具、布尔运算、混合模式等，可创建线框、图标、组件和其他设计元素。画板系统支持预设尺寸（iPhone、iPad、Android、Web等）和自定义尺寸，可在一个文档中创建多个不同尺寸的画板。响应式调整大小（Responsive Resize）功能可根据不同屏幕尺寸自动调整对象组或组件大小，同时保持对象之间的相对位置和比例。支持约束（Constraints）定义元素在调整大小时的行为。

功能2：组件与状态系统
组件（Component）功能可创建在整个 XD 文档内或多个文档之间重复使用的设计元素，将更改从主组件推送到所有实例，并覆盖单个实例的属性。组件状态（Component States）通过创建组件的变体来映射到不同类型的用户交互（如悬停、按下、禁用和成功），避免重复工作，更好地传达设计意图。支持悬停触发器指定不同交互。链接资源（Linked Assets）可创建和维护 UI 工具包、贴纸表或风格指南的单一版本，跨文档共享。

功能3：重复网格与智能布局
重复网格（Repeat Grid）功能可选择一个设计元素，然后根据需要多次快速复制，更新一个元素即可修改整个网格，调整元素之间的填充，可放置 .TXT 文件将数据导入网格。内容感知布局（Content-Aware Layout）可识别不同对象之间的关系，在向组中添加或更换对象时对组进行自动调整。堆栈（Stack）功能可定义和保留对象之间的间距，插入或重新排序对象时其他对象自动调整。滚动组（Scroll Groups）可定义画板内独立滚动的区域，创建水平或垂直滚动效果。

功能4：交互式原型制作

可通过连接画板创建交互式原型，支持点击、滑动、悬停、键盘输入、基于时间的过渡、语音命令和游戏控制器等多种触发器。自动动画（Auto-Animate）可复制元素并更改其属性（大小、位置或颜色），XD 自动根据更改生成微交互动画。叠加（Overlay）支持快速添加菜单、对话框、虚拟键盘等可视元素。语音原型设计支持设计语音助手（如 Alexa、Google Assistant）的交互流程，添加语音命令与音频反馈。锚点链接可导航到画板内的目标区域。