Design Systems Compare Quick Ref

Googlev3.0

Material Design 3

Material Design is a design system built and supported by Google designers and developers. Material 3 (M3) is the latest version featuring dynamic color, updated components, and adaptive design.

4 platforms46 colors15 text styles

Official Documentation

System overview

46

Colors

15

Text styles

11

Spacing

0

Components

Platforms

Android

Web

Flutter

iOS (MDC)

Colors Typography Components

All Design Systems

Material Design 3

Overview Colors Typography Spacing Shape Motion States Elevation Breakpoints Tokens Customization Content Design Glossary Components Symbols Patterns Inputs App Icons Materials System Localization Accessibility Platforms

Overview Colors Typography Spacing Shape Motion States Elevation Breakpoints Tokens Customization Content Design Glossary Components Symbols Patterns Inputs App Icons Materials System Localization Accessibility Platforms

Supported Platforms

Android

Web

Flutter

iOS (MDC)

At a Glance

46

Colors

15

Typography

11

Spacing

11

Patterns

13

Inputs

17

A11y Guidelines

6

Materials

Color Palette Preview