• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

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

New Here ,
Feb 14, 2023 Feb 14, 2023

Copy link to clipboard

Copied

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!

TOPICS
Design , How to , Missing feature , Prototyping

Views

286

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Feb 15, 2023 Feb 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!

Votes

Translate

Translate
Community Expert ,
Feb 15, 2023 Feb 15, 2023

Copy link to clipboard

Copied

LATEST

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!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines