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

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

КОМЕНТАРІ • 36

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

      This process can just be repeated for each@@sindyborta8406

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

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

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

    Great video

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

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

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

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

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

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

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

    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?

  • @JoseMartinez-zx3wd
    @JoseMartinez-zx3wd 22 дні тому +1

    why don’t I have the detach option?

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

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

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

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

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

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

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

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

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

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