Skip to main content
Brian_Clay
Jan 28, 2021 3:24 AM UTC

Interactive text inputs in prototype mode

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

Oct 30, 2023 10:07 AM UTC

Thanks @Mustafa_Ahmed1

Figma really needs to add this feature asap.

Yanis_Azze
New Participant
Nov 6, 2023 6:18 PM UTC

I posted a request about this 2 years ago. Still not a thing?

Diego.Boella
New Participant
Dec 26, 2023 2:04 PM UTC

That would be a great feature for prototyping and usability testing

Pablo_Pardo3
Feb 13, 2024 2:11 AM UTC

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? 🙏

Anna_Gingle
New Member
Apr 12, 2024 10:28 PM UTC

Figma has been around for awhile now and doesn’t have this yet?!

Julie_Yoon
May 7, 2024 5:43 AM UTC

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.

May 7, 2024 3:42 PM UTC

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!

Figmate
May 9, 2024 3:54 AM UTC

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!

Ori_Harel
Jun 5, 2024 5:04 AM UTC

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)

Silvia_van_der_Heijden_Pinol
Jun 6, 2024 12:18 PM UTC

Please Figma, help us with this! its BASIC! you can do it