使用设计令牌

在“设计”模式下：

1. 导航至“资源”面板。单击“+”可查看颜色和字符样式。
2. 双击资源的默认名称，然后键入新名称。这些名称用于为颜色和字符样式创建相应的变量和类。

XD 自动为未重命名的颜色和字符样式创建名称，而这些名称一般以 -unnamed 开头。

在“共享”模式下：

1. 从“视图设置”下拉菜单中选择“开发” 
   确保选中“针对 Web 导出”，因为仅在已针对 Web 导出的设计规范链接中支持链接共享功能。
2. 单击“创建链接”。复制已生成的链接，然后将其与开发人员共享。有关更多信息，请参阅共享设计原型。

要验证在“共享”模式下创建的链接，请查看设计令牌。

要在共享设计规范链接中查看设计令牌，请在浏览器中打开共享链接并执行以下操作：

• 要查看设计令牌及其十六进制代码，请单击 </>。 面板将显示相应的设计令牌。将鼠标悬停在设计令牌上即可查看其十六进制代码。
• 要查看变量，请单击 { }。

要通过共享设计规范链接下载设计令牌，请执行以下操作：

1. 在浏览器中打开共享链接。
2. 导航到 CSS 代码片段或选择 { } 图标。
3. 单击“下载 CSS”以将这些变量作为 CSS 代码片段（其中也包含设计令牌）进行下载。
4. 下载这些片段后，将它们复制并粘贴到您的实施代码中。