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

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

КОМЕНТАРІ • 50

  • @clavasconcellos1712
    @clavasconcellos1712 3 місяці тому +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!

  • @sharpmw
    @sharpmw 3 місяці тому +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.

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

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

    Great video! ty! Greetings from Argentine!

  • @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 6 місяців тому +3

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

    • @catandcute23
      @catandcute23 28 днів тому +2

      @@unsa101 genius! thanks!

  • @KartikeyMehta-py7ri
    @KartikeyMehta-py7ri 5 місяців тому +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  5 місяців тому

      That’s not possible in Figma yet

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

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

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

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

    your the best one woooow

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

    As always🔥

  • @mohammed-rb5ko6lv1f
    @mohammed-rb5ko6lv1f 5 місяців тому +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  5 місяців тому +1

      It’s not there in Figma yet

  • @prajwalsharma2794
    @prajwalsharma2794 4 місяці тому

    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.

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

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

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

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

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

    GOAT

  • @manikanta-qy9eh
    @manikanta-qy9eh 2 місяці тому +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  2 місяці тому +1

      That functionality is not there in Figma yet

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

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

  • @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?

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

    how would you delete one character from the list?

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

      That’s unfortunately not possible yet

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

    Variable Blank is not accepting

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

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

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

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

    • @ankitapatil1173
      @ankitapatil1173 4 місяці тому

      @@mohammed-rb5ko6lv1fthis works, thanks 😊

  • @orishinaogunro
    @orishinaogunro 10 місяців тому +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  10 місяців тому

      Add the empty quotes ‘’’’

    • @orishinaogunro
      @orishinaogunro 10 місяців тому +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  10 місяців тому

      @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 10 місяців тому +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 8 місяців тому

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

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

    🎉🎉