Roadmap - Morningstar Design System

Q1 2024

Release Vue 3 Chart Elements.
Release design patterns for page shell and filters.
Release application header and navigation components.
Report JavaScript framework usage across Morningstar products

Q1 2023

Publish updated guidelines for accessibility.
Add support for stacked area plots.
Establish infrastructure to support Vue 3.

Q2 2023

Establish a transparent, gated process for managing and communicating changes to shared standards and capabilities.
Deliver beta release of MDS Vue 3 components.

Q3 2023

Deliver production release of MDS Vue 3 UI components.
Redesign the MDS Home page and Component Overview.
Analyze usage of MDS components and identify improvements to designer and developer tools to help them collaborate more effectively.

Q4 2023

Deliver beta release of MDS Vue 3 chart elements.
Release beta versions of new application header and navigation components.
Deliver a proof of concept dashboard to track MDS usage over time.

Q1 2022

Update MDS consulting practices to encourage product teams to take advantage of MDS consulting services earlier in their discovery and design process.
Refactor the list group component.

Q2 2022

Deliver beta release of MDS chart elements.
Onboard product managers, designers, and engineers on how to build with the design system.
Improve MDS accessibility guidance for data visualizations.
Partner with 5 product or editorial teams to contribute new chart examples.

Q3 2022

Deliver production release of MDS chart elements.
Launch New Brand Center as a companion to MDS.

Q4 2022

Add support for histograms and simple area charts.
Update the MDS infrastructure to support current versions of key dependencies.
Improve the accessibility of MDS components.

Q1 2021

Refactor popovers to support a wider range of use cases including menus with multiple sections.
Track fixes and enhancements requested and contributed by members of the community.
Release new Morningstar Ratings components.

Q2 2021

Train product designers and engineers on how to build with the system.
Publish Brand Standards on the MDS Doc Site.
Release new V4 data table with support for a wider range of use cases including grouped rows.
Launch new Storybook sandbox.
Review MDS Vue upgrade plans with product teams.
Establish a learning path for MDS on LinkedIn Learning.

Q3 2021

Improve support for using Vue Router and Nuxt with MDS Components.
Complete consulting engagements with 5 product teams.
Establish an MDS Advisory Group with support from design, product, and technology leaders.

Q4 2021

Deliver an alpha release of MDS chart elements.
Complete consulting engagements with 4 product teams.
Release a new date picker and a refactored list group.

Q1 2020

Modularize MDS library by component.
Automate release pipeline for MDS components to support continuous delivery.
Release initial set of MDS components for Vue to beta.
Establish charts elements working group and define principles and requirements.

Q2 2020

Refresh and consolidate MDS icon library.
Redesign data tables, tabs, and other components.
Streamline MDS visual language.
Improve accessibility for forms and other components.
Release MDS components for Vue to production.
Release new MDS doc site with integrated component pages, visual language, and other improvements.

Q3 2020

Track MDS component usage by product.
Establish consultation process for MDS adoption and contribution.
Establish new MDS Blog with regular postings.
Establish architecture and tools to build and support chart library.

Q4 2020

Launch MDS Adoption and Usage Dashboard.
Update Codepen sandbox to support MDS components for Vue.
Update doc site search to support modular components.
Deliver POC components to validate functional aspects of new chart elements library.