
Morningstar Design System
Access design and technical standards to build high-quality, cohesive, and accessible user experiences. Utilize comprehensive resources and contribute to a shared system.

The Morningstar Design System (MDS) offers a comprehensive collection of design and technical standards aimed at helping teams construct high-quality, cohesive user experiences. It emphasizes a community-driven approach, fostering shared value and the creation of accessible digital products. Users can leverage a wealth of resources, including:
- A detailed Getting Started guide to understand essential usage and contribution points.
- The MDS Blog for updates on new features, best practices, and future developments.
- A Figma Design Library packed with customizable components and styles.
The system also provides clear channels for support, bug reporting, and feature requests, encouraging active participation to explore, connect, and contribute to its continuous improvement. It covers visual language, components, charts, and writing guidelines to ensure consistency.
Similar to Morningstar Design System:
Build accessible React UIs with speed and consistency.
FigmaReact
Develop React applications faster with a library of simple, modular, and accessible UI components. Build high-quality web apps and design systems efficiently.
Craft inclusive web apps with a proven design system.
CompanyFigma+1 more
Build intuitive, accessible web experiences at scale. Access UI guidelines, React components, design resources, and dev tools for faster, inclusive development.
Building cohesive Wikimedia experiences.
CompanyFigma
Build consistent, accessible, and user-friendly interfaces for Wikimedia projects. Access a comprehensive library of components and guidelines.