Skip to main content
Participant
February 14, 2023
Answered

How to create a reusable ux component kit in Adobe XD?

  • February 14, 2023
  • 1 reply
  • 471 views

Hey there guys, and thank you for being part of a community created around such a cool field as UX.

 

I am currently struggling towards finding the best possible way for creating a reusable component kit that would allow me to import these components into various designs and re-style them, without loosing the states associated. This use case has occured for me, because I currently work for a software development company, that requires a base component UX kit from which it should use and re-style components for each individual customer.

 

While I have created and published a component library, each time that I import a component into a new design, I have to manually re-construct all of the states (like color or text changes) for each component, which kind of defeats the purpose.

 

So my question is, how can you define a reusable component kit in adobe XD?

 

Thank you!

This topic has been closed for replies.
Correct answer AkinGn

Hi @abac.dragos, I think I'd add all colors and text styles (including the styles that are used in components) as styles which lets you make color & font styling changes quickly, like in this tutorial: https://www.youtube.com/watch?v=Bhx96DYFrQM Hope this helps!

1 reply

AkinGn
Community Expert
AkinGnCommunity ExpertCorrect answer
Community Expert
February 15, 2023

Hi @abac.dragos, I think I'd add all colors and text styles (including the styles that are used in components) as styles which lets you make color & font styling changes quickly, like in this tutorial: https://www.youtube.com/watch?v=Bhx96DYFrQM Hope this helps!