Interactive text inputs in prototype mode

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

Would be a really nice and welcome addition

Adding my appreciation for this feature, would be a really useful too have live text, so that we don’t need to use other apps such as Axure or Protopie.

Any chance we can get a response if atleast its being considered or worked upon? Thanks

Aw man, if I had known I would’ve popped by last week to wish this thread happy birthday! Four years old, what a beautiful preschooler we have. 🎂

To make it relevant, last week I did user testing, and I literally had to rewrite part of the test because one of the forms had a very simple freeform text input that Figma is incapable of doing.

I would rather have Figma give me the interactive input instead of the AI feature that is just meh, to be frank. I fail to understand why this feature is not on top of the list of to do features!

Big up for this feature. I think is a must have if figma want to remain the leader for prototyping tool

RATED as very needed. hopefully before it get’s 5!

Edit: found this very promising abbroach now:
https://www.figma.com/community/file/1262449583289959906