Google unveils Material 4 with adaptive token system and cross-platform semantics

Design · 5 min read

Material 4 centers on an adaptive token system that declaratively maps color, typography, and spacing tokens to context: screen size, device capabilities, and user preferences. Tokens can now include behavioral hints for motion, contrast adjustments, and accessible scaling.

A new semantics layer accompanies the tokens, allowing components to express intent rather than implementation. That means the same dialog component can present differently on a phone, a smartwatch, or a Chromebook while retaining consistent accessibility semantics and interaction models.

Google is shipping updated component libraries for Android, Flutter, and web, plus migration tooling for existing Material 3 apps. Designers welcomed the token-first approach as it eases cross-platform design systems work and reduces platform-specific overrides.