Skip to main content

Hi there.

I’m quite new to Figma so this is probably a very basic questions.


I’m trying to create a prototype with a text field that is actually usable by the user (so that in the prototype preview you can actually type something into the field).


It seems to be that it should be a basic feature, however I’m struggling to find a way to make it work.


Any help would be very useful, thanks!

Not sure this is doable, you can fake it with After delay. But, as far as I’m aware this is not possible — yet 😉


It is possible to do in other tools such as ProtoPie. And you can do that in Figma with some trickery:


Figma

But this is not possible to use in the real-world scenarios. For now you can do something simple: when you click the input field, it gets automatically filled with expected data. Or just pre-fill everything, it’s just a prototype in the end, it doesn’t have to work exactly like a real app. However, I encourage you to vote for the ongoing feature suggestion: Interactive text inputs in prototype mode


It’s now easy to use interactive input text fields with the new “Variables” update.


I’ve just published a demo on Figma community, you cam try it:

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


It’s also possible to create a mobile keyboard with “variables”


I’ve made an example here:

Figma

Reply