查看和检查设计规范

上次更新日期： 2022年10月27日

了解如何查看和检查设计规范中的颜色、文本、度量、组件状态、交互突出显示等属性。

在共享的设计规范链接中，可查看和体验原型、酌情添加评论和反馈以及选择获取设计的测量值和规范信息。

默认情况下，设计规范链接在原型模式下打开。要获取属性和规范信息，请单击右边栏中的图标来切换到“设计规范”选项卡。

切换到“设计规范”选项卡后，可选择元素，并在画布上检查它们以获取多种属性，如颜色、文本、测量值、状态以及在“属性检查器”中显示的其他属性。

单击 {} 图标以切换到“变量”选项卡。当设计人员发布用于 Web 的设计规范链接时，此选项卡可用。当设计人员为设计中的颜色和字符样式定义变量名称时，您可在“变量”选项卡中查看设计令牌信息。

继续阅读以了解如何查看和匹配设计规范中的属性。

屏幕详细信息视图

在画板之外单击时，您将进入其屏幕详细信息视图。在此视图中，您可以检查屏幕和详细信息，例如交互重点。

A. 屏幕详细信息：查看屏幕尺寸。

B. 颜色：查看标为导出的颜色。

C. 版面网格属性：切换到视图网格。

使用“不透明度”滑块控制颜色的透明度。

注意:

如果在 XD 应用程序中标出图层以供导出，则在该图层中使用的颜色将不出现在屏幕详细信息视图中。

单击“交互突出显示”可查看所应用的叠加的画板详细信息、样式、设计和视口大小、叠加位置、颜色、字符样式和目标信息。

按住 Shift 键可查看交互突出显示。要检查它们，请在“交互”部分中单击所显示的伪像，或者按住 Shift 键并单击交互突出显示。

在画板上选择一个图层后，即切换到该图层的详细信息视图。在属性检查器中，您可以查看图层名称以及尺寸和外观等属性。

A. 文本属性：选择一行文本以查看后面附有默认单位（如 px、pt 和 dp）的文本属性。

B. 外观：在“外观”部分中查看在物体或文本中使用的颜色。

选择一个形状以检查其以下属性：

选择一个图像以检查其以下属性：

选择一个视频以检查其以下属性：

选择一个 Lottie 动画以检查其以下属性：

将光标悬停在文本元素中的子范围上，可突出显示该文本元素中类似的子范围。

当您选择画板上的某个对象时，“属性检查器”的交互分区中将显示该对象的所有超链接。
将鼠标悬停在“交互”分区中的超链接上方可标识画板上的关联对象。
要将超链接 URL 复制到剪贴板，请在对象详细信息分区中单击超链接。
当您单击“交互”分区中的超链接时，该链接将打开。要从“交互”分区复制超链接 URL，请右键单击它。
当您在“交互”分区单击具有除 https 或者 mailto 以外的协议、没有协议，或 URL 具有无效域的超链接时，URL 无法打开，并将在屏幕底部显示一条错误消息。
如果在对象上定义了多个超链接交互，则超链接无法从对象详细信息分区复制。请右键单击“交互”分区中的超链接进行复制。