Nomad Health's design system was an ever-evolving work in progress resulting from the combined efforts of the UX design and front-end engineering teams. Implementing the system required auditing inconsistent and ad-hoc code from across many areas of the product, and establishing a set of shared resources available in both Figma and Github. The outcome was a streamlined development workflow with fewer quality control issues and more nimble product iterations that improved team productivity by 20%.
The use of "design tokens" were key to the success of the design system, giving the app's React code base a way to update styles and components in a cascading way from a single source of truth. Designers could access a global library of components, with one-to-one mirroring between Figma and code.
