The Migros Design & Dev Experience (MDX) is our shared toolkit for building great digital products together. It helps teams collaborate more easily, while ensuring every product feels polished, consistent, and true to the Migros brand family.
MDX is a multi-brand design system built with web components and design tokens. It’s designed to bring all our brands under one cohesive visual language — while still letting each one show off its own unique personality. With MDX, we can create experiences that feel familiar to our users, tell a seamless brand story, and make product development smoother for everyone involved.
Get Started
What are the benefits?
Use our design system to save time, ensure consistency, and enhance collaboration
Get started as a Designer
Create consistent, accessible designs with our components and brand guidelines.
Get started as a Developer
Build fast with ready-made web components and reusable design tokens.
Get started as a new Brand
Bring your unique identity into the MDX family with a shared design language.
Dive deeper
Components
Learn more about our components and how to use them.
Patterns & Widgets
Everything about our ready-to-use widgets and patterns.
Brands
Explore all the brands using MDX.
Reach us & get updates