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

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

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

  • @zee_c.v
    @zee_c.v 15 дней назад +1

    I followed the tutorial and the seconds decremented by 1 just fine, thank you for the tutorial!

  • @saurabhbhardwaj6753
    @saurabhbhardwaj6753 2 месяца назад

    Fantastic work Rishi! Keep going :)

  • @gsharma1
    @gsharma1 8 месяцев назад +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  8 месяцев назад +4

      -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-- 7 месяцев назад

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

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

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

  • @zahirabbash13
    @zahirabbash13 9 месяцев назад

    Wow, this is great❤

  • @naga9384
    @naga9384 6 месяцев назад

    Thank your for this great tutorial Rishi 👌

  • @icos667
    @icos667 2 месяца назад +2

    We need premium to use conditional interactions

  • @gadeer8707
    @gadeer8707 2 дня назад

    for the seconds it only worked once for me like if the variants doesn't work on the frame

  • @TaroonTyagi
    @TaroonTyagi 9 месяцев назад

    Awesome ❤

  • @shilpasharma54
    @shilpasharma54 9 месяцев назад

    Amazing❤

  • @arvindc100
    @arvindc100 8 месяцев назад +1

    Good

  • @KenethButad
    @KenethButad 5 месяцев назад

    how you add tha viewport>?

  • @shreyanshdutt
    @shreyanshdutt 9 месяцев назад

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

  • @ZoeSinner
    @ZoeSinner 5 месяцев назад +1

    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  5 месяцев назад

      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 🙈

  • @jacquesdebeuneure1561
    @jacquesdebeuneure1561 2 месяца назад

    Did you ever figure out why the seconds decremented by 2, rather than by 1?

    • @rishikumar3144
      @rishikumar3144  2 месяца назад

      To be honest, nope. I think some lag issue coz of delay may be.

  • @javialexarias
    @javialexarias 6 месяцев назад +1

    You need to have professional plan for use "conditional"

    • @sumandhara445
      @sumandhara445 5 месяцев назад

      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 6 месяцев назад

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

    • @rishikumar3144
      @rishikumar3144  6 месяцев назад

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

  • @arturbelyaev6508
    @arturbelyaev6508 4 месяца назад

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

    • @rishikumar3144
      @rishikumar3144  4 месяца назад

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

  • @arturbelyaev6508
    @arturbelyaev6508 4 месяца назад

    Рахмет бро!

  • @Antyo_Stark
    @Antyo_Stark Месяц назад

    love your tutorial but figma now need to pay 12$ to give delay interaction

    • @rishikumar3144
      @rishikumar3144  Месяц назад

      @@Antyo_Stark daaammnnn..I didn’t know that.

  • @rabnawaz7826
    @rabnawaz7826 8 месяцев назад

    Sir text name, please

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

    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  7 месяцев назад

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

  • @LogoDesign-s5e
    @LogoDesign-s5e 6 месяцев назад

    figma tools free ha

    • @shoaibff6045
      @shoaibff6045 6 месяцев назад

      joh is bhai nay use kiya paid hay

  • @ELBOD2i
    @ELBOD2i 6 месяцев назад

    Bro, LinkedIn Id please

    • @rishikumar3144
      @rishikumar3144  6 месяцев назад

      www.linkedin.com/in/rishi-kumar-73640072/