Rebuilding Harvey's Design System From the Ground Up

This post details the rebuild of Harvey's design system, focusing on establishing a semantic token architecture, automating token maintenance via the Figma API, and implementing a phased migration strategy for existing products. Key technical contributions include the development of a GitHub Action for syncing Figma variables to code, the adoption of role-based tokens (e.g., 'foreground-base'), and the implementation of linter rules to enforce adoption of new tokens. Component rebuilding focused on extensibility and quality control, with a new branching workflow. Future work includes adapting components for mobile and Office add-ins, and tighter collaboration between Brand and Product.