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

Поделиться
HTML-код
  • Опубликовано: 7 окт 2024

Комментарии • 32

  • @madamcaca
    @madamcaca Год назад +2

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

    • @UICollectiveDesign
      @UICollectiveDesign  Год назад

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

  • @phunktionalizm
    @phunktionalizm Год назад +2

    wow, what a beautiful hack 👏

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

  • @proudofmokum
    @proudofmokum 11 месяцев назад +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  11 месяцев назад

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

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

      This process can just be repeated for each@@sindyborta8406

  • @uxdworld
    @uxdworld Год назад +1

    Great video

  • @paulclifton-o6q
    @paulclifton-o6q 10 месяцев назад +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  10 месяцев назад

      Didn't try with @ and '.' unfortunately

    • @paulclifton-o6q
      @paulclifton-o6q 10 месяцев назад +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  10 месяцев назад

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

  • @Rodneykioko
    @Rodneykioko 5 дней назад

    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?

  • @teegees
    @teegees 10 месяцев назад +2

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

  • @DanielBeckel
    @DanielBeckel 5 месяцев назад +1

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

  • @teegees
    @teegees 10 месяцев назад +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  10 месяцев назад

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

  • @whennn
    @whennn Год назад +2

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

  •  6 месяцев назад +1

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

  • @AnnaMankovska-c8y
    @AnnaMankovska-c8y 5 дней назад +1

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

  • @varottodaniel
    @varottodaniel 2 месяца назад +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  2 месяца назад +1

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

    • @varottodaniel
      @varottodaniel 2 месяца назад

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