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

[@uxdworld]

Great video

[@UICollectiveDesign]

Thanks!

[@madamcaca]

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

[@UICollectiveDesign]

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

[@phunktionalizm]

wow, what a beautiful hack 👏

[@UICollectiveDesign]

Agreed!

[@proudofmokum]

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]

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

[@sindyborta8406]

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

This process can just be repeated for each@@sindyborta8406

[@teegees]

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

[@UICollectiveDesign]

Haven't tried this out yet!

[@mariafestekjian7227]

were you able to figure it out?

[@paulclifton-o6q]

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]

Didn't try with @ and '.' unfortunately

[@paulclifton-o6q]

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

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

[@riddlemethis.101]

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

[@UICollectiveDesign]

Yup!!

[@teegees]

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]

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

[@JuanPexaPark]

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?

[@UICollectiveDesign]

Yup! Need to relink each one!

[@Rodney-z5h]

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]

why don’t I have the detach option?

[@UICollectiveDesign]

It might not be a component yet

[@DanielBeckel]

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

[@UICollectiveDesign]

Let me confirm!

[@whennn]

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

[@UICollectiveDesign]

Will aim to do sometime soon!

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

[@UICollectiveDesign]

Great idea!!

[@AnnaMankovska-c8y]

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

[@UICollectiveDesign]

Have not tried this yet :)

[@Mixedit0]

conditional doesn't work in free figma

[@UICollectiveDesign]

Was free during beta I believe!!

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

[@varottodaniel]

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]

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

[@varottodaniel]

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