Skip to main content
Question

Interactive Text Field

  • January 29, 2021
  • 4 replies
  • 11487 views

Luca_S20

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!

4 replies

Mihael
  • 31 replies
  • January 29, 2021

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


Gleb
  • Power Member
  • 4707 replies
  • January 30, 2021

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


Mustafa_Ahmed1

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


Malte_Pliszewski

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

I’ve made an example here:

Figma

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings