Input Field

fld - Username pwd - Password

Example: link.

1

To have the InputField script automatically added to your objects in Unity, you need to include the tag "fld" in the name of your component in Figma. You can also use the "pwd" tag if you want to create a password input field.

2

For the placeholder, you should use the tag "ph".

3

If your InputField contains multiple images, such as a background and a outline, use the tag "bg" for the background.

4

Other components within the InputField do not require tags.

5

In Unity, there are two scripts for InputField: one supporting TextMeshPro and the other supporting UI.Text. Below you can see examples of the hierarchy for these two scripts. Link to the frame with InputField examples: link.

6

You can toggle the visibility of text components inside the fld or TextArea, but in Unity, all text components within the InputField will be visible regardless.