Skip to main content
shenyeh
shenyeh
Participant
August 15, 2022
Question

Reuse components lost their design tokens in the design spec

  • August 15, 2022
  • 1 reply
  • 1066 views

I added design tokens in Adobe XD by naming the colors and character styles presented in the assets panel, then applied the design tokens in the main component. I can view the design tokens in the current XD file specs link.

But when IＩdragged the component from the components library onto a new XD file to share that component across documents, I noticed that all the design tokens were missing in design specs.

It's so inconvenient that developers only can view the design tokens in the original design specs.




    This topic has been closed for replies.

    1 reply

    shenyeh
    shenyehAuthor
    Participant
    August 15, 2022

    Reuse components lost their design tokens in the design spec.

    I added design tokens in Adobe XD by naming the colors and character styles presented in the assets panel, then applied the design tokens in the main component. I can view the design tokens in the current XD file specs link.

    But when I dragged the component from the components library onto a new XD file to share that component across documents, I noticed that all the design tokens were missing in the design specs.

    It's so inconvenient that developers only can view the design tokens in the original design specs.

    Atul_Saini
    Community Manager
    Atul_SainiCommunity Manager
    Community Manager
    August 20, 2022

    Hi 璇23831066u64y, 

     

    Sorry for the trouble. I have tried to replicate it; however, it is working fine on my end. 

     

    Here is what I did. 

     

    • Assigned a token to color and character style.
    • Published the library. 
    • Created a new file. 
    • Created a component and applied the color. 
    • Published the Design specs, and I can see the design token both in property inspector and CSS. 

     

    If this is not what you're doing, please share the steps to reproduce it so I can investigate it. 

     

    Please ensure that you update Adobe XD to the latest build, XD 54, and let us know if that help. 

     

    Thanks,

    Atul_Saini

    shenyeh
    shenyehAuthor
    Participant
    August 23, 2022

    Hello Atul_Saini, thanks for your reply.

    Here are my steps.

    • Named a token, and assigned it to color and character style.
      （For example: Typography token Name: Title 20 gray9, Font size: 20px, Color: 1A202c Gray9）
    • Created a component and applied the typography token. 
    • Published the library. 
    • Published the current file's Design specs, I can see the design token in property inspector.
      (Please see attached: original design specs.png)
    • Created a new file
    • Dragged the component from the components library onto the artboard.
    • Published the new file's Design specs, and I noticed that all the typography tokens were missing.
      (Please see attached: design tokens missing.png)
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices