PROTOTYPE a Phone Number Input Interaction using FIGMA VARIABLES | Advanced Prototyping

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 58

  • @sharpmw
    @sharpmw 6 місяців тому +2

    At 27:25, by pushing the no. of digits statement into the conditional action block you can freeze the counting at 11. It won't go more than that.

  • @clavasconcellos1712
    @clavasconcellos1712 6 місяців тому +1

    THANK YOU SO MUCH!!! I've been researching everywhere on how to input a value with commas and dots, and I've been able to do it thanks to your tutorial!

  • @pabitrashow9748
    @pabitrashow9748 Рік тому +4

    My brain😵‍💫🤯
    But, thanks man for educating us❤
    And it tooks 2 hrs to understand the whole thing

  • @AshishMishra-cm1bi
    @AshishMishra-cm1bi Рік тому +1

    Hey Chethan, thanks for the great explanation! I really enjoyed the decision making iterations for the different scenarios and you have done a great job explaining it all in a logical and simple manner❤👏

  • @Jizansanu
    @Jizansanu Рік тому +3

    I wish you could explain, how to prototype backspace button as well.

    • @DesignPilot
      @DesignPilot  Рік тому +1

      Unfortunately that’s not possible to create

    • @Jizansanu
      @Jizansanu Рік тому +1

      @@DesignPilot yeah, but I’m so happy that I got a reply from you. 💕

  • @manikanta-qy9eh
    @manikanta-qy9eh 4 місяці тому +1

    As by pressing "1" we are setting varaible Phone number to phone number + "1" . This is to add clicked number to created variable string phone number. Same way if an user clicks on clear arrow, is there any way to clear an entry from string??

    • @DesignPilot
      @DesignPilot  4 місяці тому +1

      That functionality is not there in Figma yet

  • @Fabi-Moreno
    @Fabi-Moreno Рік тому +1

    Great video! ty! Greetings from Argentine!

  • @startart3011
    @startart3011 Місяць тому +1

    I can't set the value to empty of the phone number variable is it a glitch or something?

    • @DesignPilot
      @DesignPilot  Місяць тому +1

      Yes. Try doing it a few times. It should work

  • @orishinaogunro
    @orishinaogunro Рік тому +2

    For the string variable. I have been trying to delete the “string value” and leave it blank, but it keeps reappearing. I can’t find videos on how to.

    • @DesignPilot
      @DesignPilot  Рік тому

      Add the empty quotes ‘’’’

    • @orishinaogunro
      @orishinaogunro Рік тому +1

      @@DesignPilot that doesn’t work. Let me explain better. When I try to create a string variable and try to leave the (mode/input) empty/deleted, the “string value” reappears back.

    • @DesignPilot
      @DesignPilot  Рік тому

      @orishinaogunro Just tried it on my account. I seem to have the same problem. Try to press backspace a few times when it’s empty and try to do remove it a few times if it appears again.
      Looks like there is a bug

    • @orishinaogunro
      @orishinaogunro Рік тому +1

      @@DesignPilot Same issue. I have done this input with another design and it worked. But this time, it’s frustrating. Thought it was only from my end, but If it’s general, than it’s from Figma. But I’ll retry it again later. Thanks for the help.

    • @kingoslo7024
      @kingoslo7024 11 місяців тому

      Use space key... Then enter... Then click again and delete the space...😊

  • @KartikeyMehta-py7ri
    @KartikeyMehta-py7ri 7 місяців тому +1

    This video is really amazing and helpful. Just wanted to know how to set conditions for the 'Backspace' key to make the prototype more realistic. In the current scenario, I have to either go back or restart the prototype if I entered a wrong number. Please help with that.

    • @DesignPilot
      @DesignPilot  7 місяців тому

      That’s not possible in Figma yet

    • @KartikeyMehta-py7ri
      @KartikeyMehta-py7ri 7 місяців тому +1

      @@DesignPilot Ok.. and again thanks for such amazing content

  • @tochidioka6019
    @tochidioka6019 Рік тому +3

    Hi Chethan, thanks for this very solid tutorial as always👏👏👏
    But I'm finding it hard to copy and paste my interaction on element "1" to the other numbers, like 2, 3,4 etc

    • @DesignPilot
      @DesignPilot  Рік тому +1

      Make sure you have all the variables setup

    • @unsa101
      @unsa101 9 місяців тому +3

      If you follow the same steps and it doesn't work just refresh the tap than it will work fine

    • @catandcute23
      @catandcute23 3 місяці тому +2

      @@unsa101 genius! thanks!

  • @dayal_v
    @dayal_v 5 місяців тому +1

    At 14:02 For now I can't keep it blank, Figma is Forcing me to keep atleast something

    • @DesignPilot
      @DesignPilot  4 місяці тому +1

      It's a bug. Try it a few times and it should work.

    • @anisahrizvi7338
      @anisahrizvi7338 2 місяці тому +1

      I am facing the same issue

    • @mg9760
      @mg9760 4 дні тому

      I am facing the same problem. did you find any solution for that?

    • @dayal_v
      @dayal_v 4 дні тому

      @@mg9760 nope

  • @guillaumegoulet1480
    @guillaumegoulet1480 Рік тому +1

    Hi Chethan, 👋
    I was wondering if there was anyway to do the same thing for desktop screen i.e a responsive search bar using a computer's keyboard rather than an onscreen keyboard?

  • @abhinavrv0092
    @abhinavrv0092 Рік тому +1

    Great explanation as always Chethan❤. Between,
    from where did you learn about variables and this advanced prototype so early? I'm highly interested and want to learn more about these new figma features.

    • @DesignPilot
      @DesignPilot  Рік тому

      I watched a few tutorials and sat down to understand. Took me a week to figure it out by playing around. Asked a few pros on social media and clarified them

    • @abhinavrv0092
      @abhinavrv0092 Рік тому +1

      @@DesignPilot thank you for replying so quickly. 👏👏

  • @prajwalsharma2794
    @prajwalsharma2794 7 місяців тому

    I can't keep the value of my string literal as blank. The moment I backscape whatever the value there is and press enter, instead of clearing up it reappears.

  • @mohammed-rb5ko6lv1f
    @mohammed-rb5ko6lv1f 8 місяців тому +1

    I need a logic of delete button of keyboard like example If I click on it for one time that means deleting one character but clicking for tow times that means deleting tow characters

    • @DesignPilot
      @DesignPilot  7 місяців тому +1

      It’s not there in Figma yet

  • @bangthemonsters
    @bangthemonsters Рік тому +1

    how would you delete one character from the list?

    • @DesignPilot
      @DesignPilot  Рік тому +1

      That’s unfortunately not possible yet

  • @subashc1843
    @subashc1843 Рік тому +1

    Is it not possible to set a text variable to an empty string?

  • @jorsuwu
    @jorsuwu 2 місяці тому +1

    what about the erase button

    • @DesignPilot
      @DesignPilot  2 місяці тому

      Unfortunately Figma doesn’t have this feature yet

    • @jorsuwu
      @jorsuwu 2 місяці тому +1

      @@DesignPilot true, thankyou

  • @suryanshkaushik9272
    @suryanshkaushik9272 Рік тому +1

    As always🔥

  • @night_slider
    @night_slider 9 місяців тому +1

    your the best one woooow

  • @vibhabhardwaj3892
    @vibhabhardwaj3892 8 місяців тому +2

    Variable Blank is not accepting

    • @DesignPilot
      @DesignPilot  8 місяців тому

      Try it a few times. It should work, there seems to be a bug

    • @mohammed-rb5ko6lv1f
      @mohammed-rb5ko6lv1f 8 місяців тому +2

      Press on space button and the “string value” will be blank

    • @ankitapatil1173
      @ankitapatil1173 7 місяців тому

      @@mohammed-rb5ko6lv1fthis works, thanks 😊

  • @waOoOda
    @waOoOda 4 місяці тому +1

    GOAT

  • @Itachis_bro
    @Itachis_bro Рік тому +1

    🎉🎉