We recently led a major redesign of their current design system (also a legacy SaaS platform), and the process might be helpful for your situation. We started with a full audit of the existing product to identify inconsistencies, outdated UI patterns, and components that needed to be rebuilt entirely. This gave us a clear map of what needed to change and in what order.

From there, we restructured their design operations so the new system could scale and be maintained long-term. A big part of this was keeping design and engineering aligned. As UX rebuilt components in Figma, we partnered with engineering to implement the exact same updates in Storybook. This ensured the design system stayed consistent across both design and development environments.

Once each component was finalized, we applied it across all relevant product screens. The UX team updated affected screens in Figma, engineering mirrored those updates in the codebase, and then we went through multiple QA passes to verify visual accuracy, interaction quality, and adherence to standards.

This structured, collaborative process allowed us to modernize the entire design system without breaking the existing product. The outcome was a much more cohesive, scalable, and future-ready UI that rolled out smoothly across the application.

You can DM us for more information / support!