Welcome to MDX — the design system that's transforming how Migros brands build digital experiences.
Teams are achieving 25% faster UI design creation, 30% better development efficiency, and 30% lower maintenance costs! That's cutting time to market by 3-4 times compared to building from scratch.
But here's what really gets us excited: when your designers and developers have the same language, magic happens. Ready-made components, clear guidelines, and a shared design language make it easy to create consistent, accessible experiences across all Migros brands.
Brands across the Migros family have adopted MDX as their go-to foundation for creating exceptional digital experiences. Whether they use MDX straight out of the box or tailor it to their unique brand personality, these teams are building faster and more consistently than ever before.
What makes this work so well? Each brand can maintain its distinct identity whilst tapping into MDX's component library and design patterns. For brands that want to put their own spin on things, MDX can be customised to their own brand guidelines and existing design systems.
From small projects to major digital platforms, teams throughout Migros are choosing MDX to power their products. It's a testament to the system's flexibility and the real-world impact of having a shared design foundation that actually works.
One component, unlimited styling options. MDX/Migros, Migusto & Migros Bank
Brands using MDX
“Die MDX Design Library ermöglicht schnellere Produktentwicklung, on-brand Ergebnisse und bessere Zugänglichkeit - für einen effizienteren Workflow und ein professionelleres Ergebnis!"
—— 2025, Thomas Wild, CX Specialist Migros Bank
“Dank MDX konnten wir den Migros Al Chat schnell und nahtlos in unser digitales Ökosystem integrieren und dabei ein konsistentes User Interface gewährleisten."
—— 2024, Migros Al Chat Developer
“Ich schätze, dass der Al Chat so intuitiv ist. Ich musste nicht lange überlegen, wie ich ihn verwenden soll."
—— 2025, Teilnehmer eines Usability Test
Why Teams Choose MDX
MDX helps teams work more efficiently and build better products together.
When you adopt MDX, you get the tools and structure that eliminate common design and development bottlenecks. These benefits add up quickly, making the entire process of building digital products smoother and more predictable.
Build better products
As an MDX user, you get access to a design system full of standardised components and guidelines that help you create consistent, accessible digital products. Focusing on accessibility isn’t just the right thing to do — it’s smart business. Inclusive design improves user experience and helps you reach a wider audience.
Develop products faster
MDX offers a wide library of pre-built, peer-reviewed components that you can easily adapt and customise. This means less time designing and coding from scratch, letting you launch products 3 to 4 times faster.
Build products together
MDX encourages collaboration across the entire Migros network. By sharing components, best practices, and knowledge, teams can work more efficiently and deliver higher-quality results — making the design process smoother for everyone.
Use one unified documentation
Our comprehensive MDX documentation covers everything from styles and components to accessibility and inclusive design. It’s the go-to resource for all Migros brands using MDX — and a crucial tool for working with agencies, ensuring everyone follows the same standards and communicates clearly for successful projects.