material-3-expressive

To apply Material 3 Expressive design tokens to Android UI, map the token families for color, typography, shape, and motion to Compose or Android views. This Skill guides you through referencing M3 specs to ensure cohesive and accessible component design.

Structuring a design brief for Material 3 Expressive involves mapping expressive token families to components like App Bars, Buttons, and Dialogs. You can use provided output templates to align design decisions with official specs and accelerate development handoff.

Yes, you can use Material 3 Expressive tokens for tablet and foldable interfaces. By providing the target device context during the design phase, the Skill generates guided UI concepts and decision logs tailored to those specific form factors.

Material 3 Expressive handles accessibility and motion language by applying specific containment and motion tokens. It maps these references directly to Android views and Compose elements, ensuring consistent aesthetics and accessible interactions across the application.

No specific dependencies are required to map Material 3 tokens to Compose. The Skill uses internal references and templates to guide the mapping of expressive design tokens directly to your Android UI components without external libraries.

Material 3 Expressive guidance supports a wide range of Android UI components, including App Bars, Buttons, Dialogs, Carousels, and Toolbars. It provides token-driven design mapping to ensure visual consistency across these elements.