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.
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
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.
RATED as very needed. hopefully before it get’s 5!
Edit: found this very promising abbroach now:
https://www.figma.com/community/file/1262449583289959906
Edit: found this very promising abbroach now:
https://www.figma.com/community/file/1262449583289959906
It’s very cool, and I’m so impressed that people are smart enough to build these, but there’s always a catch, like:
- (can only delete all or nothing)
- you can only use lower case letters, space, enter, and backspace
And so while I’m glad it exists, it’s not something I can ever use it in testing; the limitations would be too distracting. It’s gotta be just a regular text input.
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.
RATED as very needed. hopefully before it get’s 5!
Edit: found this very promising abbroach now:
https://www.figma.com/community/file/1262449583289959906
While this is great workaround, I think native support from Figma would make it much more better. I mean it’s not something Figma devs have to invent and pull their hair out to figure out how to implement it, because all advanced prototyping tools like Protopie, UXPin, etc, have this feature already!
When will this be a thing?
+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!
XD, JustInMind, etc etc etc. So infuriating. They keep shoving AI garbage into the app and refusing to build the stuff WE ACTUALLY NEED.
When will this be a thing?
never, because figma doesn’t care about their users
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.