Figma Secrets: UNBELIEVABLE Text Entry Trick with Variables and Conditional Logic! 😱

Поділитися
Вставка
  • Опубліковано 15 січ 2025

КОМЕНТАРІ • 42

  • @PrajyotMeshram
    @PrajyotMeshram 5 днів тому +1

    Just what i needed!

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

    wow, what a beautiful hack 👏

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

    How would you implement a real backspace where it just takes away the last character inputted?

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

    Great video

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

    tedious... but brilliant thanks. hope they release a feature soon

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

      Thank you! + agreed. The ability to copy conditional logic would be nice

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

    Thank you for your video.
    Question: What if I have a form with multiple input fields, based on the same component with different input/outputs? Lets say: 'First name' and a seperate field for 'Last name'. When I'm testing it only picks up the typing for one field or it gives the same input for each single field.
    Thanks!

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

      Great question. You'll need to create separate variables to store each result

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

      @@UICollectiveDesign Hi there ! Thank you for the tutorial , that's amazing ! can we have a tutorial with different input like First name / last name / number ???

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

      This process can just be repeated for each@@sindyborta8406

  • @riddlemethis.101
    @riddlemethis.101 3 місяці тому +1

    Is it possible to have the option for upper and lower case using the shift or caps button?

  • @paulclifton-o6q
    @paulclifton-o6q Рік тому +1

    Awesome hack, thanks for the easy to follow tutorial. Trying to add additional keys to the function like "@" and "." without success. The key press seems to work but nothing is showing in the input field. Any thoughts?

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

      Didn't try with @ and '.' unfortunately

    • @paulclifton-o6q
      @paulclifton-o6q Рік тому +2

      @@UICollectiveDesign And if I create this input field and add it to my library, when I add it to a new design a couple of times, what ever I put in one instance is replicated in the second instance - how do we avoid/separate them?

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

      Haven't tried this out so can't speak on this right now unfortunately. Sorry, I am not more help! @@paulclifton-o6q

  • @Rodney-z5h
    @Rodney-z5h 3 місяці тому

    Why does only "A" make the type something disappers but when I type the other letters its adding directly after the the type something text?

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

    Super handy! Thank you!
    It takes about 30-45 seconds per key, so its a repetitive task but doesn't take that long.
    Question: how could I re-use the form field across a prototype to build complete forms?
    So a user could input text in other form fields eg name, surname
    I'm presuming you would need to relink every form field to a new String Variable. Yikes!
    Are there any shortcuts?

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

    When clicking on the field I'd like the grey "type something" text to go away and turn into "|" (input cursor), before I start typing. How would you do that?

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

      Haven't tried it myself but could likely be done via conditional logic

  • @JoseMartinez-zx3wd
    @JoseMartinez-zx3wd 2 місяці тому +1

    why don’t I have the detach option?

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

    Niceee. Can u share this file so we can just copy the logic ? 🎉

  • @DanielBeckel
    @DanielBeckel 8 місяців тому +1

    Once you do it, I think you could put it into a library and reuse it. Correct me if I'm wrong

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

    And for your next trick... do it with more than one input field on the screen... that you can tab between.

  • @Mixedit0
    @Mixedit0 Місяць тому +3

    conditional doesn't work in free figma

    • @UICollectiveDesign
      @UICollectiveDesign  Місяць тому

      Was free during beta I believe!!

    • @Mixedit0
      @Mixedit0 Місяць тому

      @@UICollectiveDesign How can I join the open beta? I downloaded it from the site but when I enter figma it doesn't say it's beta at all

  • @AnnaMankovska-c8y
    @AnnaMankovska-c8y 3 місяці тому +1

    How to implement this if the data will be entered using a mobile keyboard

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

    Do you REALLY have to make conditions for every letter :D ? Prototyping in Figma has been tiresome sometimes. It's time to have some functional components ready to use....

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

      You really do! I agree though. Even the ability to copy conditional logic would be super helpful....

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

      @@UICollectiveDesign I used to prototype with axure and let me tell ya, that software is rough! But still there was many ready to use fonctioning components, and you manage states and can trigger actions by mostly every way possible, so yes, it was easier... But to make let´s say, a more refined animation, not to say a high fidelity prototype, it´s trickier.