Skip to main content
Brian_Clay
January 28, 2021

Interactive text inputs in prototype mode

  • January 28, 2021
  • 78 replies
  • 45816 views

Inputs are one of the most common UI design elements out there. But when you have to use them in a prototype there isn’t a good way to show what they look like when entering text. It’d also be great if we could trigger validation events like on a password input for example. This would bring more fidelity to my prototypes than just about anything.

78 replies

Rakesh_Arvapalli
January 28, 2021

Yes. This would be super awesome and it will eventually lead into conditional formatting of the flows.

Pavels_Amosovs
February 4, 2021

I think this is related to Prototyping variables

Yanis_Azze
New Participant
August 15, 2021

One of the main and most common components of mobile and web apps are input fields such as forms, message box, password field, clock, timer, counter etc…

And yet every time I find myself having to craft the same components over and over to try and make it as interactive as possible with the huge limitations that you can’t actually type (I know there’s a wonky plugin out there) in those field in the prototype, neither run a clock or timer (that stays active while in prototype) and all the things possible with simple input/active fields.

It be great there was a quick, efficient way to create input fields and logic for these fields while being able to design, edit, animate it the Figma way.

Jesse_Payne
September 7, 2021

+1. It’s frustrating having to rebuild everything in ProtoPie (or code) just to get this functionality. And it’s been in XD for years!

rahendz
September 14, 2021

I’m wondering, is it possible to add more feature in interactive component? i’ve just have an idea, how about create more interative for input form. Input form that can be typed with real text using keyboard and have a state on it, also have a condition is even better.

Bo_Lora
September 28, 2021

This seems like a very basic table stakes item. You have to have this functionality if you want to call it a “prototype” - Sometimes what a user might input into the field is germane to the usability test. The amount of work to “fake it” is insane.

Sasha_Rose
November 2, 2021

It would be so helpful for usability testing to have form text fields that could be typed directly into.

Travis2
Active Member
November 30, 2021

I design a lot of forms, and then put those forms in front of users to test usability. I can fake my way through most of a form - I can make clickable checkboxes, radios, toggles, selects, datepickers, and the like - but I can’t fake a text input. I can build an incredibly powerful and realistic prototype, but I can’t show someone a form that asks them to fill out their name. I would appreciate the ability to create ‘live’ text areas to more accurately mimic what can be done with a coded prototype.

Andy_Antonio_Abreu_Hernandez
April 19, 2022

This really needs to be implemented ASAP. It could really help with design systems, make the input fields much easier to manage. Here is an example from UXpin : - UXPin Preview

Robert_Miller
April 22, 2022

I would love for this to be a part of a near-future feature release. Having the ability to incorporate interactive affordances like these in our prototypes would go a very long way for many on the team, not just Design. Please make this a feature soon!