Back to Browse

Functional Text Input in Figma using variables #variables #conditions #figma

1.5K views
Oct 17, 2023
40:04

Create Dynamic Login Screens in Figma | Create Interactive Prototypes Like a Super Hero! Our website: https://www.uxmate.co.in Watch this to learn how to Control Components using Variables. https://youtu.be/g7mdhYSezU4 Learn Create a Dropdown Menu in Figma Using Variables https://youtu.be/u8anQcs1RD8 Create dynamic timer in Figma using Variables https://youtu.be/iNHG7hsBbho Unlock the Power of Dynamic Input Components in Figma! 🎨 In this comprehensive tutorial, discover how to design and build dynamic login screens with ease. Learn to create Input Components, harness variables for storing usernames and passwords, capture user inputs in your prototypes, and even implement login verification. Watch step-by-step as we transform your design skills into a game-changing advantage for crafting interactive Figma prototypes. 🤯 👉 Don't miss this opportunity to elevate your design game! Chapters 00:00 - Introduction 02:14 - Understand Existing Components 06:23 - Steps we will be following 07:20 - Create Variables 10:30 - Create Interactions Using Variables 17:26 - Create Varible to switch Input 19:03 - Create Input Function In Figma 20:13 - How to Group Variables 20:44 - Create Keyboard Variables 23:40 - Create Keyboard Input Interaction 27:42 - Test Interaction 28:33 - Impliment Login Functionality 33:46 - Bonus Tip - Using Physical Keyboard in Figma Enhance your design workflow and open new horizons with this tutorial. Subscribe and hit the notification bell to stay in the loop for more exciting Figma insights! 🚀 Gadgets used in this video Laptop MacBook Pro Laptop M2 https://amzn.to/45aOFlo Mic Rode NT1A https://amzn.to/468d2Bs BOYA BY-XM6 https://amzn.to/48tLuYS Light Godox SL150 https://amzn.to/459kuej Godox V1 https://amzn.to/3RDNK9P Camera https://amzn.to/46vCtfR #Figma #DesignPrototyping #InteractiveDesign #UIUX #DesignTutorials

Download

0 formats

No download links available.

Functional Text Input in Figma using variables #variables #conditions #figma | NatokHD