Create an Interactive Dark Mode / Light Mode UI in Figma

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 41

  • @DesignCourse
    @DesignCourse  3 года назад +5

    Get ready for the big release! January 4th comes designocurse.com - Make sure to enter your email to be notified!

    • @FainaNicoleta
      @FainaNicoleta 3 года назад

      Hey, there is a typo in this link ;)

    • @jd4300
      @jd4300 3 года назад

      Cant wait for the course man. You have helped me out tremendously in my web design career. I am looking forward to it ! As well as the mentor package.

  • @Hamyhamster24
    @Hamyhamster24 3 года назад +24

    Hi Gary,
    i first discovered your tutorial 8 months ago and fell in love with UX because of the way you taught. 8 months later, i now got a job doing UX among other things. But just wanted to let you know that because of you, i took a leap and never looked back. thank you for your contents.

  • @abymathew575
    @abymathew575 3 года назад +1

    You are awesome Gary. You are really a great designer.

  • @tartarefinance8389
    @tartarefinance8389 3 года назад

    Cool stuff! Didn’t know about these component variants!

  • @pexeixv
    @pexeixv 3 года назад +1

    Thanks Gary for being such an inspiration to me❤️

  • @jd4300
    @jd4300 3 года назад +2

    Hey Gary I would love a video where you explain when it is OK to use letter spacing. I know you usually advocate to just leave the letter spacing at default (which is what I do now) but it would be nice to know the few situations where it would be appropriate to have some letter spacing.

  • @abhishekvaghela6623
    @abhishekvaghela6623 3 года назад

    Wow you are legend Simon bro
    I am from India and I am in love with this tutorial brooo🤩🤩🤩🤩

  • @rimpybhatia1395
    @rimpybhatia1395 2 года назад

    Hi, thanks a lot for sharing this info. Your video is really helpful to me. I have been following your other xd tutorial videos too. Great work!

  • @elaheansari4477
    @elaheansari4477 Год назад

    Thanks for your fantastic and useful video👌

  • @DexterOhaeri
    @DexterOhaeri Год назад

    Great tutorial 👌

  • @CoolScratcher
    @CoolScratcher 3 года назад

    I love that thumbnail

  • @Foxuniverso
    @Foxuniverso 2 года назад +1

    how would it work on websites with different pages? like if i keep the dark mode on the top right and im lets say the user is on an "about me" page, wouldn't hitting the night mode button send them to where the button is connected to?

  • @warwarrior0
    @warwarrior0 3 года назад

    Really good work

  • @sshirlyvang
    @sshirlyvang 7 месяцев назад

    thank you so much!

  • @saulotarsobc
    @saulotarsobc 3 года назад

    belo setup ❤️

  • @omaryassir5885
    @omaryassir5885 3 года назад

    Awesome stuff

  • @Abas_Idiong
    @Abas_Idiong 3 месяца назад

    Thank you soo much

  • @akshaysainiAK
    @akshaysainiAK 3 года назад

    try dark mode magic plugin with figma, and then tweak some colors

  • @salnoto
    @salnoto 2 года назад

    It seems like you kinda did the coloring very quickly. How important is it to have a color palette? Is there any easy premade color palettes that you recommend?

  • @thecodetex
    @thecodetex 3 года назад

    Awesome 👍 👍

  • @nayabnadeem2121
    @nayabnadeem2121 3 года назад +1

    Great video, really helpful but my question is do we need link the variants? Or linking the screens only would work?

    • @benilsonrui5950
      @benilsonrui5950 2 года назад +2

      It's Necessary to link both to work properly, variants for toggle interation and screens for screen change

  • @antonellazambon2551
    @antonellazambon2551 Год назад

    How to achieve this in a more complex prototype? Help me, please!!!!!!

  • @conramos8286
    @conramos8286 3 года назад

    thank you sir

  • @harshusparz
    @harshusparz 3 года назад

    Please launch your Courses on Udemy

  • @remoomohsen4925
    @remoomohsen4925 3 года назад +1

    Excuse me,
    Do I can get a job with google UX certificate?
    UX jobs required programming languages?
    Thank you

    • @DesignCourse
      @DesignCourse  3 года назад +3

      I'm sure you can.. But no, UX jobs should not require knowledge of coding.

    • @remoomohsen4925
      @remoomohsen4925 3 года назад

      @@DesignCourse (but no) is for I can’t get a job with just the certificate or (but no) for programming languages no required?
      Sorry 😅

    • @vanjacvetkovic3788
      @vanjacvetkovic3788 3 года назад +1

      @@remoomohsen4925 UX stands for User Experience and its not linked with programing/coding. So, no, UX jobs don’t require knowing programming languages.

    • @remoomohsen4925
      @remoomohsen4925 3 года назад

      @@vanjacvetkovic3788 Thank you for confirming that to me.
      I am about to start google ux course, do you think is good and helpful to find a job or it’s a waste of time ?
      Thank you

  • @Shc-w8i
    @Shc-w8i 3 года назад +2

    Don’t follow this tutorial. Is not the way to work with Figma. You should use components and styles for light/dark mode

  • @ChristopherBurgessTaskbar
    @ChristopherBurgessTaskbar 3 года назад

    XD or Figma?

  • @geovannacampos9257
    @geovannacampos9257 2 года назад

    muito bom

  • @tharakadananjaya792
    @tharakadananjaya792 3 года назад

    ❤️

  • @and_249
    @and_249 3 года назад

    whooo hoooo!!!

  • @Jwarddesign-ca
    @Jwarddesign-ca 3 года назад +3

    "And here's the variants." Variants. Variants. Omicron? Or Delta? Did you learn a new word from all the BS news?

    • @DesignCourse
      @DesignCourse  3 года назад +3

      What else am I supposed to call the feature that I'm using that's literally called variants? 😅 Trust me, I'm on board with it all being BS news too, and I can't wait for the fear mongering to be over.

    • @Jwarddesign-ca
      @Jwarddesign-ca 3 года назад +1

      @@DesignCourse Haha. I'm just bugging you. But ya, this fear mongering is just causing all these pathetic narcissistic and hypochondriac masses to clog up the ICUs everytime they get a little sniffle.