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

Поделиться
HTML-код
  • Опубликовано: 19 июл 2023
  • 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

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

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

  • @fryonthemoon
    @fryonthemoon 10 месяцев назад +1

    Cool stuff!

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

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

  • @clevermissfox
    @clevermissfox 11 месяцев назад +1

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

  • @erhigaokotie4618
    @erhigaokotie4618 10 месяцев назад

    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.

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

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

  • @danishhazimifahrurrazi2033
    @danishhazimifahrurrazi2033 10 месяцев назад

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

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

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

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

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

    Figma pro is needed for this right?

  • @williamm8460
    @williamm8460 3 месяца назад +1

    Great concept, but so poorly explained.

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

      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?