To address the disparities and irregularities among the three tools being used, my initial approach involved conducting a thorough audit of Storybook, ZeroHeight, and Adobe XD. This audit revealed numerous UI inconsistencies and more importantly, significant gaps or absence of documentation across these tools.
Specifically, when examining Adobe XD, it became evident that incorporating component states was crucial. Understanding the appropriate usage and context for specific components proved to be challenging.
Furthermore, during my analysis of Storybook, I discovered that comprehending the API documentation for components was also difficult. As someone with engineering experience, I could identify the complexities of navigating and understanding documentation.
Lastly, regarding zero-height, I observed a complete absence of documentation within the component lifecycle, further hindering the understanding and utilization of these components.
By recognizing these deficiencies, I aimed to address these issues and improve the overall consistency, clarity, and comprehensiveness of the documentation within the design system.