Create A Fully Working PIN Screen Using Variables - Figma Tutorial 2023

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • In this tutorial we will create a fully working PIN screen that uses the numbers you enter and tests for errors and success using Figma variables.
    #figmatutorial #variables #ux #ui #uxdesign #figma #figmavariables #fintech

КОМЕНТАРІ • 14

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

    Cool stuff!

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

    My design skills have come a long way from watching your videos. Thanks and I can't wait for more!

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

    Your lessons are blowing my mind, succinct and easy to understand. Please Boss, can you give a lesson on how to make screen in Auto layout. Thanks.
    Your Number 1 Student.

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

    Holy cow. Idk how you figured this out but thank you

  • @sietto
    @sietto 6 місяців тому

    It'll be nice to show all the conditionals tabs so we don't have to assume (for beginners) but good video bro

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

    Can you created one from scratch? I want to follow along

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

    very cool, unfortunately i have to subscribe to professional plan first right to be able to do this? I'm just a newbie trying to explore the tools

  • @user-eu4sb8pp3f
    @user-eu4sb8pp3f 8 місяців тому

    Hey, I'm really trying to get this working but i'm going wrong somewhere! I tried following you exactly but I think my variables are messing up somewhere. Is there any chance you could share the Figma file? So i could see where i'm going wrong! Thanks and awesome you managed to figure this out!

    • @sietto
      @sietto 6 місяців тому

      Any solution? Everything's working fine for me but the 'change to' option to make sure the code1Entered switches to 'true' doesn't work, so when I type another number it only changes the #NumberEntered on the #code1, did you make it work?

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

      @@siettoI got it working partially, but I had to move on with the project I was working on. I’m going to need to come back to variables properly when I get the time. Work wasn’t too happy how much time I wasted trying to get ‘A pointless mock-up’ looking as awesome as possible lol

    • @sietto
      @sietto 6 місяців тому

      @@remy9240 as you said is partially working for you, what part isn't working on your end? you can type in the 4 code spaces? if you can, please lmk how you did it lol

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

    Figma pro is needed for this right?

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

    Great concept, but so poorly explained.

    • @sietto
      @sietto 6 місяців тому

      Did it work totally fine for you? Everything's working fine for me but the 'change to' option to make sure the code1Entered switches to 'true' doesn't work, so when I type another number it only changes the #NumberEntered on the #code1, did you make it work?