Text input field with actions based on value
For prototyping and user testing, a text input field control would be very helpful. Bonus if you could apply actions to enter / submit based on different strings.
Aqib Anjum commented
Add This Feature ASAP, I Badly wanted to use this Feature!
Rian Saputra commented
Please add this feature, so we can continue using it. Thanks.
Please add this feature. Me and my friend our creating an application for our community and it would incredibly useful for our prototyping if we have this feature.
Allison Sherrick commented
This feature would be incredibly useful. Most of the projects I work on have different flows based on user input, so without this I'm unable to connect the screens in prototype mode and therefore can't accurately present my designs.
Amanda Crisp commented
I love Adobe XD because of how fast and efficient it is as a design tool BUT when it comes to prototyping it's not giving my team what we need. Our developers don't have the capacity to build prototypes to test with (which would be ideal). Having interactive form elements (especially the input field) is crucial for our process. I'm losing a battle to keep XD as the primary design tool on my team. If you all could make this a priority, you'd be well on your way to being the superior design/prototyping tool out there.
Liên Trần commented
Please build this feature soon! Text input is the majority of the tasks for my user testing and not being able to let the users type in text takes away the gist of the given tasks
came to this thread as i was trying to build the ability for a user to input text into the prototype. this feature is key to getting client approvals as not technical decision makers can directly interact with the prototype to understand the simulated functionality.
Leo Yeung commented
Adding checkboxes, radio buttons, drop downs, buttons and form validation would also be great!
yes. this will be very helpful when showing the prototype to the client, for approval:
Manuel Ryan Espinosa commented
Yes. Adding this seems like common sense since forms are used for just about every app and adding hacks just isn't the same when it comes to re-creating the feeling of true Usability Testing.
Please add this feature, seems like an oversight!
[Deleted User] commented
add this please!
This would be so awesome
Eoin Morgan commented
Using the Variables panel, you can import an XML file and use that to control the existence of objects, what images appear in linked image containers, and what text appears in a text frame. You can also control the data that appears in a graph. The typical workflow is to create a template document and then tag it for variables.
To tag for variables, you need to create the variables in the variables panel. Choose New Variable... from the Variables panel flyout and then select the variable type. Once you make your variables, you can then apply them to your template. For instance, to make text variable, select a text object on the art board, then select a variable name, and then choose Make Text Dynamic.
Once you are finished tagging the variables, create a data set in the variables panel. This locks down the structure of the content and makes it possible for you now to inspect the XML. To save the data set to a file, choose Save Variable Library from the Variables panel flyout.
You will need to make your form receiver (web page? Filemaker?) emit XML in exactly the form you see in the XML file that AI just made. Look at it carefully, and then ensure that the data you collect and the file your service makes fit into that structure.
Now that you have a template and an XML file, you can load the variable library into AI. Under the Variables flyout, choose Load Variables Library.
To make a big pile of new AI files (or anything else AI can make), you need to create an action in the action panel. A simple one is to start recording, and then choose Save As. Stop recording. Now, you can choose Batch from the bottom of the Actions flyout to save out a new file for each entry in the XML file.
Ensure that you have Data Sets chosen in the Source option, and that you select a file naming convention from the File Name options so that you don't overwrite your work. Also, your script might need to have the Override Action Save.... command option chosen as well.
Luke Wheeler commented
Please add this! Please.
Nick Freeman commented
For the love of User Testing please do this. I literally cannot do any design validation with XD prototypes because our entire app depends on user-generated inputs. "Faking it" isn't an option. This is aggravating.
Andy Engelkemier commented
Well, you can't do this, but remember, we have the super useful Voice feature. :/
How are we still waiting for this feature?
I just don't get why we are even talking about this. This should just be a feature already? I mean ... it is literally an app for user testing and prototyping, you'd think this feature would be so fundamental, this thread wouldn't even exist. I feel like I just wasted my time on an app that pretends to create prototypes. Kinda annoying lol.
Please add this feature ASAP