Everything you need to Know about Material Design 3

🏆 My Online Courses

☕ Buy me a Coffee

📝Medium

💻 Github

📸 Instagram

💎 Become a Premium Member

In this video I'm going to teach you everything you need to know about Material Design 3, the main differences between v2 and v3. Important changes, updates, colors, typography, elevation, shapes, components etc.
Let me know in the comment section down below if you would like to see more videos about Material 3 and Jetpack Compose! Enjoy! :)

⌚Timestamps
0:00 - Introduction
1:05 - Colors
7:35 - Template in Android Studio
10:19 - Theme Builder
14:23 - Typography
16:39 - Shapes
17:51 - Elevation
21:46 - Components & UI Kit in Figma

[Deboniako]

Ow man! I was overwhelmed when checking the Material Design website, but after watching your video, everything is clearer!! I can't thank you enough

[quantumgaming]

It looks awesome and so much customisations we can make apps really beautiful with this

[janrax]

Great content! You are my favourite Android instructor in spoken english. Thanks a lot!

[mehdiparsaei]

Well done! Very simple and well-explained! 🙏

[Taher_M]

Thank you sir. Your video helped me a lot.

[leonorjohnberlinv.]

Your channel is my go to for learning Android devt thank u

[PankajNikam]

Can you please add this module in the Udemy course for Figma you have?

[scopulih]

Great video, concise and helpful. Thanks for your work!

[siarheisudakou]

Helpful video, thanks a lot! Jetpack Compose now supports variable fonts. Although this is still an experimental feature, could you make a video on how to use it?

[mikec]

@Stevdza San - would you consider making a video about bottom navigation bar with animated icons? I know this is out of this video's topic but there isn't much online about it.

[purveshshah]

Plz make a video on what are the ways by which we can reduce the size of aur app plz give generalized solution which works for both java and kotlio projects

[DevMarco-]

The thing that is hard for me to wrap my head around regarding colors in m3 is that the source color and custom colors you provide never show up in the color palette itself. Obviously they are used to calculate the different variations for containers and so on but the exact color is never in the palette. That's frustrating for me if I want to have a specific color in my app.

[ugwutakingsley]

Amazing content, thanks for this update!! I just got one question though, does this material Design 3 only work for Jetpack compose projects?

[alekseikuklov]

6:34 you say that elevation doesn't have shadow but suraface 3 and 5 obviously have significant shadow

[HarshPatel-kyvk]

Great explanation brother !!

I have one question in my mind if you can help me with that. Let's suppose my app's brand color is red i.e #FF0000 so I put that code in primary block of color tool. now while generating theme files I have entire color scheme but it is not containing my brand color in any of the key instead it is generating some relevant color as my primary color for app. what do i need to get exact color in my brand color ?

[archiebombotar]

Thanks for your great videos ! Question: Is there a minimum SDK needed to run on the target device, to support Material Design 3 ?

[-tanvigarnayak]

could u pls let me know which version of android studio are u working on, cause i am using iguana and cant find the material 3 template

[UsmonWasTaken]

I remember struggling to match the color of the bottom navigation view and navigation bar for an hour without checking the documentation 🤦‍♂

[IOMTesting]

Is it easy to update material 2 web to material 3 web? and later, when material 4 arrives.

[randy]

I am getting these compile errors inside the theme file

can't find 'surfaceTint', 'outlineVariant', 'scrim'