If you have a question to ask or an idea to share, come and participate in Adobe XD Community. We would love to hear from you and see your creations.
Learn how to use design tokens to assign custom names to colors and character styles.
You can add design tokens in Adobe XD to provide customized common names to colors and character styles that are present in the Assets panel.
With design tokens, you don't need to remember long and complex hexadecimal codes and CSS snippets for your assets. You can add simpler names that are easy to recognize.
After you publish your design spec and share it with other stakeholders, the customized names are visible to them.
If you do not assign custom variables, Adobe XD automatically creates a unique name and class using the color and character style properties and unnamed prefixes.
You can create design tokens for a new artboard or for an existing artboard where you already added colors and character styles.
Adobe XD currently does not support renaming of font name, size, or other such properties.
After you create the design tokens, you can share them with the developers through the design specs.
To learn more about design tokens, watch this video.
Viewing time: 4 minutes
We've got you started with creating and sharing your design tokens with your stakeholders. Take a step forward and learn how to inspect design specs.