How to build cross-platform design systems in React Native – Musixmatch’s case study

Abstract

Nowadays, it’s quite common to use a design system to speed up the development of web interfaces. Depending on the needs of a company and its products, however, it may be necessary to scale it to other platforms such as iOS and Android, while still maintaining consistency across all of them. How can a design system scale across multiple platforms while keeping the codebase easy to manage? What should the entire tech-stack look like to support this? And most importantly, how can the user experience be consistent despite each platform having different standard components? We will show how we answered to these questions by presenting Ritmo, the Musixmatch’s cross-platform design system we developed in React Native.