Hello everyone!
I’m about to embark on a new adventure - creating specified ui kits per platform (iOs, Android, Windows).
Currently we have an ui kit that consists of the core part (color, text styles, shadows, elevation etc.) and quite big component library for our web app, which we want to detach and use as a base for creating the remaining ui kits.
The question I would like to ask you, is how would you approach such a task with minimising the work and the risk of loosing component and style connections? Ideas that come to my mind are as follows:
Option A:
- duplicate the whole library
- remove the component part from one and core part from the other library
- continue by creating new libraries (linked with core) for remaining platforms
Option B:
- create new library for web components
- copy the component part there
- risk: will this cost me loosing the connections to my existing projects?
- continue by creating new libraries (linked with core) for remaining platforms
Option C:
- ditch the style settings we have currently
- use the design tokens plugin to recreate them
- connect tokens with core and component libraries
- continue by creating new libraries (linked with core) for remaining platforms
Have you ever done such a transition? Do you have any ideas how to go about this with minimising risks? Please share your thoughts on this topic.
Thank you 