
The Migros Design Experience lays the groundwork for collaborative product development and enhances the user experience of digital products by ensuring consistency and quality.
Welcome to MDX, Migros's multi-brand design system that utilises web components and design tokens. MDX is specifically crafted to establish a cohesive visual identity across various brands within the Migros universe, while still embracing the distinct personality of each brand. By leveraging a unified design language, we aim to create a consistent user experience and foster a seamless brand narrative.
→ Why MDX?
Designed with everyone in mind
Our goal is to ensure that all users of MDX can easily find what they need and accomplish tasks efficiently. To facilitate this, we have created a comprehensive design system that includes our best practices, tools, and guidelines in one convenient resource.
We've designed the system to be valuable for designers, developers, and other stakeholders alike. If you have any suggestions on how we can further improve MDX, please feel free to share them in the Migros Design Experience Teams Channel.
MDX Features
MDX currently offers a cohesive set of guidelines, foundations such as Figma styles and accessibility and an extensive set of components.