Case Study: Building a Scalable Design System for Enterprise SaaS Healthcare Products
MacroHelix helps hospitals, clinics and contract pharmacies manage successful 340B programs so the entities can assist patients in receiving comprehensive and affordable care. Example of contract pharmacies include CVS and Walmart.
PROJECT OVERVIEW
Client: MacroHelix (a McKesson company)
Role: UI/UX Designer — Design Systems Specialist
MacroHelix, part of McKesson’s enterprise healthcare solutions, needed a scalable design system to support multiple SaaS product teams. Existing designs were inconsistent across brands and products, leading to inefficiencies in design handoff, duplication of effort, and lack of visual consistency across user interfaces.
Client: MacroHelix (a McKesson company)
Role: UI/UX Designer — Design Systems Specialist
MacroHelix, part of McKesson’s enterprise healthcare solutions, needed a scalable design system to support multiple SaaS product teams. Existing designs were inconsistent across brands and products, leading to inefficiencies in design handoff, duplication of effort, and lack of visual consistency across user interfaces.
GOALS & OBJECTIVES
• Audit and standardize existing UI components across products.
• Build a scalable component library in Figma to enable reuse across brands.
• Improve design handoff processes for faster development.
• Facilitate cross-functional alignment between Product, Design, and Engineering.
• Create clear documentation and governance guidelines to ensure long-term adoption.
MY APPROACH
1. Audit & Discovery
• Conducted a full audit of existing UI patterns, screens, and inconsistencies across products.
• Identified common components, redundancies, and gaps in current designs.
• Met with Product Managers, Developers, and R&D teams to understand design/development pain points.
2. Component Library Creation
• Built a Figma design system from the ground up, including:
• Core Foundations (colors, typography, spacing tokens)
• Reusable Components (buttons, forms, modals, navigation)
• Multi-brand theming for cross-product consistency.
• Leveraged Figma features like Auto Layout, Variants, Interactive Components for maximum scalability.
3. Collaboration
• Facilitated meetings with Product Owners, PMs, and Developers to align on system design and governance.
• Started their documentation to guide usage, naming conventions, and version control.
