Functional text input in Figma - Using #variables and #conditionals
Finally, we can have text inputs in our prototype that users can really type in and we use the given value in our design.
I will use variables and then #conditionals prototyping to make this input. so get sure to watch this video until the end.
🔗Link to the #figma file:
📌 Timestamps:
0:00 - Intro
0:25 - What you will see in this video
1:26 - Step one: design the input
2:21 - Step two: Create a variable
3:12 - Step three: Prototype the active state for input
3:41 - Step four: Interaction
6:06 - Step five: Delete the icon
6:19 - Make an example
7:10 - Demo
Whether you’re a beginner or an experienced designer, you’ll find valuable insights in this tutorial. Follow along and take your Figma skills to the next level with this captivating micro-animation technique.
👍 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!
Let’s Learn together #UX and #UI , #Design, #figma #prototype
🔔 Subscribe for weekly design tutorials:@Kimoartcave
--------------------------------------------------------------------------------------------
🔥 Check out some of my other popular tutorials:
Variables: create dial pad:
Advance micro-interactions in Figma:
--------------------------------------------------------------------------------------------
🌐 Connect with me:
Instagram:
Photography:
Twitter:
TikTok: @
LinkedIn:
1 view
330
172
2 months ago 00:39:18 1
CAP CUT НА ПК??? - ПОЛНЫЙ ОБЗОР ФУНКЦИЙ | Как монтировать в CapCut на ПК!
2 months ago 00:46:35 1
Mystical Fighter (SEGA GENESIS/MEGA DRIVE) Longplay/Walkthrough NO COMMENTARY HD 1080p
2 months ago 00:04:12 1
TFT LCD 480x320 Color Display for Arduino Mega 2560 with Library and Code
2 months ago 02:38:40 3
Проанализируйте, где аллоцировано ваше внимание, и является ли это тем, на что стоит тратить время.
2 months ago 00:02:27 1
Benny Benassi - Satisfaction
2 months ago 00:09:57 1
Ministral (Fully Tested) : This NEW Mistral Model is the Llama-3.1 REPLACEMENT! (Good at Coding!)
2 months ago 11:11:12 1
Root Chakra Healing, Unblock Your Root Chakra, Powerful Root Chakra Meditation
2 months ago 00:00:00 1
Secrets of Real Magick & Sigils: Debunking the New Age w/ Coven Initiate, Mystical Rebel
2 months ago 01:37:03 1
Две функции слова
2 months ago 00:14:33 1
Let’s build a Twitter clone with Livewire 3 & Laravel Reverb | #17 - Follow functionality