Тёмный
No video :(

Input Text Field with Label Animation | Figma Interactive Components 

Chinsk Design
Подписаться 6 тыс.
Просмотров 569
50% 1

Check out my latest tutorial where we dive into creating Input Text Field with Label Animation in Figma, exploring figma variants, interactive components and prototype in figma. Also, you will learn how to create animated input text field in figma, create figma variants, figma animation, figma prototype and much more.
Chapters:
00:00 Intro
00:23 Create Input Text Field with Label Variants
06:04 Create Input Text Field Prototype
Watch my others Figma Interactive Components and Figma Animation Tutorials:
Radio Button with Hover Effect: • Radio Button with Hove...
Snake Loading Animation: • Snake Loading Animatio...
Figma Number Animation: • Figma Number Animation...
Figma Arrow Button Animation: • Arrow Button Animation...
Animated Navigation Bar: • Animated Bottom Naviga...
Circle Progress Bar: • Circular Progress Bar ...
Loading Animation: • Loading Animation | Fi...
Interactive Slider: • Figma Slider Animation...
Interactive Button: • Figma Interactive Butt...
Dropdown Menu: • Figma Dropdown Menu Tu...
Input Fields: • Figma Interactive Comp...
Progress Bar: • Figma Progress Bar Tut...
Remember, learning is a continuous process, so don't stop here! Keep practicing, keep experimenting, and most importantly, keep creating. We'll be back with more figma tutorials and quick guides to help you on your ui ux design journey.
Stay tuned for more figma animation tutorials and don't forget to like, subscribe and turn on notifications.

Опубликовано:

 

14 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 4   
@uifry
@uifry 5 месяцев назад
Helpful Video :)
@ChinskDesign
@ChinskDesign 5 месяцев назад
Hi!😃 Thank you so much for the feedback!I’m glad to help. Have a great week!
@levonarmenian
@levonarmenian 5 месяцев назад
Great video! For an interactive keyboard, I understand how to use conditional logic and set variables for the input text field. But how do I get the cursor to move to the right after I type the first letter? I've tried applying that text value to nothing in mode 1, but it still stays put & it won't allow me to connect that variable to that nothing value.
@ChinskDesign
@ChinskDesign 5 месяцев назад
Hi!😃 Thank you very much for the feedback!🤩 I haven't tried this yet, but you can try adding the letter together with the “|” key to simulate the cursor. For example “a|”, “b|” etc. Let me know if it worked.
Далее
Figma Number Animation | Micro Interactions
8:02
Просмотров 2,5 тыс.
ТАЙНЫ И ЗАГАДКИ ИНТЕРНЕТА 2
41:37
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Easy Simple Splash Screen Animation in Figma🔥
4:33
Просмотров 1,9 тыс.
Show Hide Password Animation in Figma
5:39
How to get micro-interactions right using Figma
21:34
PRO Vs AMATEUR Website Design (With Examples)
16:43
Просмотров 151 тыс.
I found more incredible 3D personal portfolios!!!
19:12