Component Design Tokens

Question

Is it possible to tokenize basically everything that can have a value in Adobe XD or are there any plans to support this in the future?As you can see in the screenshot, i also wanna link a global token to a more specific component token:$one-button-medium-size-border-radius = $one-border-radius-size-4xIt would also be nice, if i can set a token for the different states like hover, focus, disabled,...The goal is, to handover the Adobe XD Component to a developer, who basically can copy the tokens into e.g. the components CSS and implement the rest in a JS framework of his choice.Maybe there is already a plugin existing which i missed out: i already gave the VS Code let's adobe xd plugin a try, but this is just scratching the surface and is not serving my needs. Thanks for your great work and i am looking forward to your answers...Cheers,Stefan

Harshika Verma · Accepted Answer

Hi Stefan,

I am sorry for the delay in response. I would suggest checking this article: https://helpx.adobe.com/xd/user-guide.html/xd/help/create-design-tokens-in-XD.ug.html on design tokens in XD that might help you.

Let us know if that helps.

Thanks,

Harshika

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded