Thanks @Mustafa_Ahmed1

Figma really needs to add this feature asap.

I posted a request about this 2 years ago. Still not a thing?

That would be a great feature for prototyping and usability testing

Hey Max, thanks for the solution. I have the same problem, but how you add and create the new variable to avoid crashing all inputs simultaneously is a little confusing for me. Can you share your Figma file to get into? 🙏

Figma has been around for awhile now and doesn’t have this yet?!

Here’s a plugin that makes text into input fields with placeholders.

You can also connect what you typed in the input field to a different output field.

Considering how often a text field is used in prototypes to simulate typing, why not make ANY text field automatically typeable?

I’ve used a workaround that involves mapping all characters to a Key interactions but the limitation is we can use delete or space (because Space is used for Figma prototyping functions)

So yea. True input text fields!

Hi @Johnny_Ceron, Thank you for sharing your thoughts with us! I noticed that there was a similar request from other community members. To help centralize the feedback and enhance the discussion, I’ve merged your post here.

Please take a moment to vote up from the top of this page.

Thank you for your contribution!

As product designer, I use a lot of prototypes that should simulate the user typing (Inputs, Docs, forms etc.) it would be amazing to have the ability to simulate the writing of text as a text animation in prototypes, like the typewriter animation in keynote (maybe even with an option to add a typing cursor)

Please Figma, help us with this! its BASIC! you can do it

I would really like to be able to designate a textfield as “prototype input”, making it editable for a prototype user.

Would be especially powerful if that text field could then be linked to a variable, taking the user input.

This would make prototyping forms a lot more realistic.

Dynamic input in prototypes is crucial when designing components, that relies on what is typed. I wound make prototypes much much useful and fun to use.

We could do some validation in those inputs too, so there is I huge opportunity for creating top notch prototypes for user tesing.

ProtoPie launched a new plugin where you can add text input directly into your Figma prototype! It’s called ‘ProtoPie Genie’ try it out 🙂

Nice work, this inspired me to create a version with the ability to delete character(fully interactive)

I worked on the text field of material design and I was able to put the counter and errors of the min & max characters.

“RTL and LTR Direction”

Thank you for taking a look and commenting if you have any suggestions

https://www.figma.com/community/file/1415572014327904530