Currently the UI for swapping libraries is a popup box which shows the matches between old library components and the new ones (see below). It has the bare necessities but it can be improved for larger design systems.
The current user problems are:
-
Users can’t enlarge the pop up window so users have to scroll down forever. For example I have 55 components and 76 styles, the scrollbar is about 8% of my scrollable area meaning I have to scroll ALOT
-
Users can’t copy and paste or export the list of diffs. This is important so users can record what is unmatched from the new/old library.
Additional nice to haves:
- Allow users to right click and go to the component in the new or old library so they can diagnose the mismatch. Without this, the current workflow is to have the old and the new library windows side by side and have the “Swap library” popup open to see the difference, find the difference in the old library and then in the new library to fix the problem.
