Material design input fields in Figma that work with your keyboard using variables.
Today we are checking out making Material Design input fields in Figma. We will use Figma variables to make this fields accept inputs from our keyboard.
3:08 - The flashing cursor
5:25 - Creating the variables
6:37 - Prototyping the interactions
8:24 - Setting the variables to the Keys
11:16 - Creating a duplicate and changing to Password field
11:59 - Making a button with a hover effect
13:18 - Putting the pieces together
15:55 - Bonus material; exploring another material design input style