I made a functional login form in Figma, with real text input. user can give an email address and password. we match these two with the database and then navigate the user to a specific page. I use a plugin for making real text input.
@Figma
Functional text input in Figma Using #variables and #conditionals: • Functional text input in Figma Usin...
Plugin:
https://www.figma.com/community/plugi...
How do you think about it?
Let's Learn together #UX and #UI , #Design, #figma #prototype
Timestamps:
0:00 What you will see in this video
1:58 Intro talk
2:56 interactivetypinginput plugin
5:40 Test the text input
6:47 Details of the interactions
9:43 Variables
10:57 Two text input
12:40 Make the login form
14:43 Make the User database
16:26 Make the login button interaction
23:22 Result
If you found this tutorial helpful, don't forget to give it a thumbs up and subscribe to the channel for more design tips and Figma tutorials!
Subscribe for weekly design tutorials:@Kimoartcave
Check out some of my other popular tutorials:
Variables: create dial pad: • #figma Tips and Tricks: Designing a F...
Advance microinteractions in Figma: • Level Up Your MicroInteractions in #...