Functional login form in Figma - Real text input !
HTML-код
- Опубликовано: 1 авг 2024
- 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 ...
Plugin:
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 - interactive-typing-input 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...
Advance micro-interactions in Figma: • Level Up Your Micro-In... 
Наука
11 months ago, you made this [Functional text input in Figma](ruclips.net/video/MwaHULhKLiQ/видео.htmlsi=cfXXIx4m1BGVrMPP) video, and now, 13 days ago (May 19, 2024) you an update-like video. That's cool and proves that you're monitoring your video and trying to improve. Also, I love your overall design (the setup, your video, etc.), it's a 10/10.
For improvement, I think you should add this video's link to the previous one, so it'll be easy to find it.
Thanks for your comment❤️ trying to make contents that are useful. Now I made a discord server to get even closer to common questions of everyone.
Nice call, thanks I would do it. I will update the description of the videos. Thanks ❤️
Cool
👍🏻👍🏻👍🏻
❤️❤️❤️
Record something about Backspace, please.
So far, I could not make a proper and easy way for backspace. I will when I find it out. ❤️
can this be transferred to wordpress or elementor, or even a custom domain? even though this is for prototyping
I am not sure if such a prototype can be exported to other tools. please let me know if you found away for it.
My keyboard just doesn't do nothing :c, y set the current state as active, and when i try to type, it doesn't work
yes, you need to get sure your text input initially has default state. did you check this?
@@Kimoartcave i didnt realize you did another video before explaining how the conditionals work, sorry :D