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
247
154
2 weeks ago 00:02:27 1
Benny Benassi - Satisfaction
2 weeks ago 01:27:04 1
ОЛЕСЯ ТОКАРЕВА - О КОСМЕТИЧЕСКОЙ ЛИНЕЙКЕ ЭROSA И СЕКРЕТАХ КРАСИВОЙ КОЖИ
2 weeks ago 00:18:40 1
Эрготионеин-в белых грибах повышает спортивные результаты, улучшает функцию митохондрий.
2 weeks ago 00:01:12 1
*sold* vampirejerk + jerk type beat - dracula
3 weeks ago 00:23:13 1
WWDC24: What’s new in SwiftUI | Apple
3 weeks ago 00:12:30 1
«Функция Духа Святого» Для некоторых это будет шок! Пастор Андрей Шаповалов
3 weeks ago 00:25:32 1
Text-To-Skyrim: The Babysitters Guild [Twitch TTS Mod]
3 weeks ago 00:02:21 1
Travel through the Respiratory System - Fun Science for Kids
3 weeks ago 00:02:05 3
Hot Toys Iron Man Mark 7 Open Armor Figure Unboxing | First Look
3 weeks ago 00:09:39 1
10 функций iPhone, которые стоит попробовать! Скрытые функции iPhone 2024
4 weeks ago 00:39:18 1
CAP CUT НА ПК??? - ПОЛНЫЙ ОБЗОР ФУНКЦИЙ | Как монтировать в CapCut на ПК!
4 weeks ago 00:00:16 1
What is membrane overlay? #membranekeypad #membranepanel
4 weeks ago 00:14:37 1
“You Should Apologize“ - Joe Rogan Vindicated in Heated Debate Over COVID Coverage
4 weeks ago 00:12:08 1
Gustav Mahler - Adagietto | Leonard Bernstein (4K)
4 weeks ago 00:08:15 1
Урок 1. Курс по Microsoft Forms. Как создать опрос с помощью функции «Выбор» и «Текст»
4 weeks ago 00:09:05 1
VBA Excel 18( Продвинутый курс)Что такое функция, Функции Даты, Функции для работы с текстом
4 weeks ago 03:10:15 1
Chris Cuomo vs Dave Smith Debate: COVID 19, Mandates & Trump’s Guilty Verdict | PBD Podcast | Ep 419
4 weeks ago 02:03:33 1
Tina Turner - Nam Myoho Renge Kyo (2H Buddhist Mantra)
1 month ago 01:07:49 1
Все функции Cap Cut
1 month ago 00:08:57 1
Главный комплекс гистосовместимости - MHC 1 и 2 - что такое, функции, строение, механизм презентации