Everything you need to Know about Material Design 3

🏆 My Online Courses
stevdza-san.com
☕ Buy me a Coffee
ko-fi.com/stevdza_san
📝Medium
/ stevdza-san
💻 Github
github.com/stevdza-san
📸 Instagram
/ stevdza_san
💎 Become a Premium Member
/ @stevdzasan
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! :)
🌟Figma Course: stevdza-san.com/p/one-and-onl...
🌟Figma Course (Udemy): www.udemy.com/course/one-only...
⌚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

Пікірлер: 53

  • @Deboniako
    @Deboniako11 ай бұрын

    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

  • @janrax78
    @janrax78 Жыл бұрын

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

  • @quantumgaming7
    @quantumgaming7 Жыл бұрын

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

  • @thomaswaldorf2829
    @thomaswaldorf2829 Жыл бұрын

    Thank you sir. Very informative!

  • @scopulih8658
    @scopulih8658 Жыл бұрын

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

  • @StevdzaSan

    @StevdzaSan

    Жыл бұрын

    You're welcome 😊

  • @derrickdouglass
    @derrickdouglass Жыл бұрын

    Great job!

  • @OnlineEntrepreneurTools
    @OnlineEntrepreneurTools Жыл бұрын

    Thank you so much for this! ^_^

  • @Taher_M
    @Taher_M3 ай бұрын

    Thank you sir. Your video helped me a lot.

  • @ch1pkavarenychenko84
    @ch1pkavarenychenko84 Жыл бұрын

    great content, thank you

  • @rma1563
    @rma1563 Жыл бұрын

    Thank you 🧡

  • @Hazara_boy
    @Hazara_boy Жыл бұрын

    Well explained

  • @marekzet482
    @marekzet482 Жыл бұрын

    Your videos are realy good!

  • @thomanani6826
    @thomanani6826 Жыл бұрын

    Thank you brother nice video

  • @leonorjohnberlinv.5750
    @leonorjohnberlinv.57506 ай бұрын

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

  • @PavloBohdan
    @PavloBohdanАй бұрын

    Thank-uh-you

  • @jabrane1564
    @jabrane1564 Жыл бұрын

    I love the future !

  • @siarheisudakou4455
    @siarheisudakou4455 Жыл бұрын

    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?

  • @StevdzaSan

    @StevdzaSan

    Жыл бұрын

    I'll think about it 🤔

  • @mikec4220
    @mikec4220 Жыл бұрын

    @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.

  • @StevdzaSan

    @StevdzaSan

    Жыл бұрын

    Will take a note.

  • @mikec4220

    @mikec4220

    Жыл бұрын

    @@StevdzaSan thank you! Just bought you a coffee :)

  • @StevdzaSan

    @StevdzaSan

    Жыл бұрын

    @@mikec4220 Thanks bro, really appreciate it 🙏 😊

  • @archiebombotar
    @archiebombotar Жыл бұрын

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

  • @random_person618

    @random_person618

    5 ай бұрын

    No! Material 3 works on even versions of Android as old as Android 5.1 (SDK 22)

  • @PankajNikam
    @PankajNikam Жыл бұрын

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

  • @ugwutakingsley1671
    @ugwutakingsley1671 Жыл бұрын

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

  • @StevdzaSan

    @StevdzaSan

    Жыл бұрын

    It's a Design System created for various different applications. It's not tied to Compose, because Compose is just a UI framework.

  • @ugwutakingsley1671

    @ugwutakingsley1671

    Жыл бұрын

    @@StevdzaSan Thanks I appreciate the feedback

  • @purveshshah4843
    @purveshshah4843 Жыл бұрын

    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

  • @HarshPatel-ky5vk
    @HarshPatel-ky5vk2 ай бұрын

    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 ?

  • @777-tanvigarnayak7
    @777-tanvigarnayak72 ай бұрын

    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

  • @DevMarco-
    @DevMarco-4 ай бұрын

    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.

  • @user-hq4gw7gk4c
    @user-hq4gw7gk4c Жыл бұрын

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

  • @randy4443
    @randy4443 Жыл бұрын

    I am getting these compile errors inside the theme file can't find 'surfaceTint', 'outlineVariant', 'scrim'

  • @alekseikuklov8609
    @alekseikuklov8609 Жыл бұрын

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

  • @BashPSK
    @BashPSK Жыл бұрын

    Material 3 navigation drawer please bro 🤗🤗🤗

  • @Karim-wd2je
    @Karim-wd2je Жыл бұрын

    I have a doubt like is material 3 for ui/ux designers or android app developers? I heard that designing the screens on figma and then export the code through flutter plug-in? Is that how it works? Can we create an app this way?

  • @StevdzaSan

    @StevdzaSan

    Жыл бұрын

    Both Designers and Developers should be familiar with that design system.

  • @UsmonWasTaken
    @UsmonWasTaken7 ай бұрын

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

  • @hellotubers5165

    @hellotubers5165

    Ай бұрын

    How is done bro. I'm stuck here

  • @hellotubers5165

    @hellotubers5165

    Ай бұрын

    How is done bro. I'm stuck here

  • @jonathancormack

    @jonathancormack

    Ай бұрын

    ​@@hellotubers5165read the documentation

  • @FCcommando
    @FCcommando Жыл бұрын

    I want to use the material 3 template in android studio with Java (not kotlin), is that possible?

  • @StevdzaSan

    @StevdzaSan

    Жыл бұрын

    Not sure about that, I'm no longer using Java. You should switch to Kotlin instead, it's better ✅️

  • @feuerherz007

    @feuerherz007

    Жыл бұрын

    @@StevdzaSan java4life :(

  • @missinglink2416
    @missinglink24162 ай бұрын

    i cant fully understand nor use material3 on my project, should i learn material 2 first even though im studying compose already?

  • @StevdzaSan

    @StevdzaSan

    2 ай бұрын

    Nope, just use material3, your good.

  • @hanz.jefferson
    @hanz.jefferson Жыл бұрын

    Is Material 3 Support With Java Language?

  • @alekseikuklov8609

    @alekseikuklov8609

    Жыл бұрын

    material has nothng to do with programming lanuage

  • @itsronark7471

    @itsronark7471

    Жыл бұрын

    😂😂😂

  • @Alikk784
    @Alikk784 Жыл бұрын

    SCHEMAAAAAH

  • @freespeech515
    @freespeech515 Жыл бұрын

    it sucks royally!