Craft Dynamic Countdown Timers in Figma! Variables Hack No Coding!

Sdílet
Vložit
  • čas přidán 27. 08. 2024

Komentáře • 27

  • @naga9384
    @naga9384 Před 3 měsíci

    Thank your for this great tutorial Rishi 👌

  • @gsharma1
    @gsharma1 Před 5 měsíci +3

    This was one of the best tutorials I came across as I was trying to figure out variables and conditions to set, and it helped me to build it very quickly. I also appreciated how well-paced your explanation was. It was not too fast nor too slow and helped me follow along better. One question that remains is whether you found a way to show two digits as part of the count down where 0 replaces the left digit. So for instance, right now the seconds shows 10 > 9 > 8... but I want it to show 10 > 09 > 08... where a zero will appear in front of the single digit like it does on digital clocks. What would you recommend for that because in the local variables, even if I place a zero, it will auto-delete it and there doesn't appear to be an obvious way to set it.
    Also, how do I stop the timer after minutes reaches 0?

    • @rishikumar3144
      @rishikumar3144  Před 5 měsíci +3

      -I haven't tried it but you can try and add a text layer with "0" value and make it absolute position in front of the timer.
      -Now attach a boolean variable to the layer visibility and make it off by default
      -In your variables condition add one more condition where it checks if the current timer is less than 10 then turn on the visibility of that "0" text layer.
      - To stop timer just tweak the if condition to >=0
      I hope this helps and doesn't confuse you 🙈

    • @NouranElNakib--
      @NouranElNakib-- Před 4 měsíci

      Thanks a lot for both of you, I had that exact question

    • @knightlygnus
      @knightlygnus Před 5 dny

      @@rishikumar3144 How do you keep the single digit from sliding to the left over the 0?

  • @zahirabbash13
    @zahirabbash13 Před 6 měsíci

    Wow, this is great❤

  • @TaroonTyagi
    @TaroonTyagi Před 6 měsíci

    Awesome ❤

  • @shilpasharma54
    @shilpasharma54 Před 6 měsíci

    Amazing❤

  • @arvindc100
    @arvindc100 Před 5 měsíci +1

    Good

  • @arturbelyaev6508
    @arturbelyaev6508 Před měsícem

    I do everything like you, but from somewhere it appears after zero 1 with a minus (-1)

    • @rishikumar3144
      @rishikumar3144  Před měsícem

      If you can share the file I can have a look. Most probably it's just conditional issue with some maths to figure out

  • @shreyanshdutt
    @shreyanshdutt Před 6 měsíci

    Hmmm, very nice tutorial. Simple and time saving #punintended

  • @KenethButad
    @KenethButad Před 2 měsíci

    how you add tha viewport>?

  • @javialexarias
    @javialexarias Před 3 měsíci +1

    You need to have professional plan for use "conditional"

    • @sumandhara445
      @sumandhara445 Před 2 měsíci

      Or you can get a student account by purchasing any such course where figma is in the curriculum.

  • @posting_meme_i_like_channel
    @posting_meme_i_like_channel Před 3 měsíci

    how to stop timer when minutes and seconds == 0? can we using AND operator? like combining condition

    • @rishikumar3144
      @rishikumar3144  Před 3 měsíci

      Yeah you can try that, ‘and’ ‘or ‘ operators are available

  • @ZoeSinner
    @ZoeSinner Před 2 měsíci

    I'm trying to create a timer that counts up and I need the seconds to be styled as "01" not "1" any tips?

    • @rishikumar3144
      @rishikumar3144  Před 2 měsíci

      Yup you need to have two separate text layers keep the first text layer constant 0 and on the second one attach variable. Hide the 0 layer once the counter layer crosses 9. Hope it helps and doesn’t confuse instead 🙈

  • @DIYBusiness
    @DIYBusiness Před 4 měsíci

    Bro I want to stop when it's hits 0:01.
    I do your steps but is going to -1 ... How to stop

    • @rishikumar3144
      @rishikumar3144  Před 4 měsíci

      Can you ping me your exact logic statement you are using in figma and requirement? If possible share the file

  • @arturbelyaev6508
    @arturbelyaev6508 Před měsícem

    Рахмет бро!

  • @rabnawaz7826
    @rabnawaz7826 Před 5 měsíci

    Sir text name, please

  • @LogoDesign-s5e
    @LogoDesign-s5e Před 3 měsíci

    figma tools free ha

    • @shoaibff6045
      @shoaibff6045 Před 3 měsíci

      joh is bhai nay use kiya paid hay

  • @ELBOD2i
    @ELBOD2i Před 3 měsíci

    Bro, LinkedIn Id please