Skip to main content
shenyeh
shenyeh
Participant
Aug 15, 2022 6:17 PM UTC
Question

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 design specs.

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




    This topic is closed to new replies. Start a new post to keep the conversation going.

    5 replies

    shenyeh
    shenyehAuthor
    Participant
    Aug 15, 2022 6:21 PM UTC

    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.

    Translate
    Atul_Saini
    Atul_Saini
    Legend
    Aug 20, 2022 5:46 PM UTC

    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

    Translate
    shenyeh
    shenyehAuthor
    Participant
    Aug 23, 2022 5:15 PM UTC

    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)
    Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices