How to Design an Interactive Input Field in Figma | Beginners Tutorial
7:49
YouTubeDesign Xstream
How to Design an Interactive Input Field in Figma | Beginners Tutorial
🔥 Get a copy of our FREE Figma UI Kit Download → https://designxstream.gumroad.com/l/DX-Interactive-UI-Kit 🔗 Join our WhatsApp Design Group here → https://bit.ly/DX-Community Join me in this beginner-friendly tutorial on How to design an interactive input field/textbox component in Figma. We'll start from scratch, so even if you're a ...
290.7K viewsJun 12, 2023
Figma Text Input Tutorial
Design Systems 101: How to create a text input component in Figma
18:11
Design Systems 101: How to create a text input component in Figma
YouTubeJust UX
6.8K viewsJan 23, 2023
Functional text input in Figma - Using #variables and #conditionals
8:09
Functional text input in Figma - Using #variables and #conditionals
YouTubeKimo
216.2K viewsJul 31, 2023
Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma
4:14
Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma
YouTubeuxiva designs
164.9K viewsMar 17, 2024
Top videos
Build a working text input in Figma
15:25
Build a working text input in Figma
YouTubeD3sign UX - Dream Design
3.7K views9 months ago
Create a TEXT FIELD Component With an ANIMATED Label (Figma Tutorial)
16:48
Create a TEXT FIELD Component With an ANIMATED Label (Figma Tutorial)
YouTubeMavi Design
308.1K viewsOct 31, 2022
How to Build Interactive Forms in Figma | Working Input Field, Dropdowns, States & Prototypes
15:29
How to Build Interactive Forms in Figma | Working Input Field, Dropdowns, States & Prototypes
YouTubeDesign Nerd
1.5K views7 months ago
Figma Variables and Components
How to use Figma Components & Variants?
1:10:38
How to use Figma Components & Variants?
YouTubeThe Cutting Edge School
146.5K viewsOct 29, 2023
Figma Variables Explained! Build a Scalable Design System Step by Step
1:21:59
Figma Variables Explained! Build a Scalable Design System Step by Step
YouTubeSergei Chyrkov
28.3K views6 months ago
Figma Variables Masterclass 2025 - Complete Tutorial
1:15:24
Figma Variables Masterclass 2025 - Complete Tutorial
YouTubeAverage Design Dude
41K viewsApr 3, 2025
Including results for create a input box left label in figma.
Do you want results only for Create a Input Box Left Lable in Figma?
Build a working text input in Figma
15:25
Build a working text input in Figma
3.7K views9 months ago
YouTubeD3sign UX - Dream Design Delight
Create a TEXT FIELD Component With an ANIMATED Label (Figma Tutorial)
16:48
Create a TEXT FIELD Component With an ANIMATED Label (Figma Tutorial)
308.1K viewsOct 31, 2022
YouTubeMavi Design
How to Build Interactive Forms in Figma | Working Input Field, Dropdowns, States & Prototypes
15:29
How to Build Interactive Forms in Figma | Working Input Field, Dropdowns, States & Prototypes
1.5K views7 months ago
YouTubeDesign Nerd
Creating Interactive Input Fields with Keyboard in Figma | Advanced Variable Tutorial
32:56
Creating Interactive Input Fields with Keyboard in Figma | Advanced Variable Tutorial
4.5K viewsOct 29, 2024
YouTubewebguru world
How To Create Input Fields With Auto Layout & Variants In Figma (Easiest Way) (2026 Guide)
3:19
How To Create Input Fields With Auto Layout & Variants In Figma (Easiest Way) (2026 Guide)
386 views8 months ago
YouTubeHow To with Alex
Live: Build a Input Field Component with an Animated Floating Label in 5 minutes
4:17
Live: Build a Input Field Component with an Animated Floating Label in 5 minutes
73 views5 months ago
YouTubeDesign Dynamics
Create And Prototype A Floating Label Interaction For Text Inputs In Figma
9:37
Create And Prototype A Floating Label Interaction For Text Inputs In Figma
653 views10 months ago
YouTubeBrian Love
2:42
Design Professional Input Fields Easily in Figma Using Auto Layout (Beginner-Friendly)
70 views11 months ago
YouTubeDesigns by Tommydc
10:00
Create Text Field With Animated Label On Figma (Step By Step)
7K viewsOct 26, 2024
YouTubeProduct Meow
1:00:38
Figma Interactive Input Fields - Variables | Numeric & Uppercase Keyboard Tutorial (Lang: English)
7.1K viewsOct 22, 2024
YouTubewebguru world
3:17
How To Design An Interactive Input Field In Figma (Full 2025 Guide)
423 views10 months ago
YouTubeBeamNG Terms TV
0:45
The EASY WAY to Create Input Fields Components | Beginners Tutorial #designsystem #figmaforbeginners
178 viewsApr 13, 2025
YouTubeSubhan Shaikh
0:33
Design a floating label input animation with me in Figma
179 views8 months ago
YouTubeSeddyworld Digital
4:14
Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma
164.9K viewsMar 17, 2024
YouTubeuxiva designs
4:17
Input Field Component with an Animated Floating Label (Figma Tutorial) #figmadesign
4.5K viewsDec 8, 2024
YouTubeDesign Dynamics
25:11
Figma Tutorial: Creating Input Fields with Variants
46.6K viewsAug 7, 2021
YouTubePierluigi Giglio
6:18
What is Figma? | Learn How Create INTERACTIVE Figma Input Fields in Minutes!
174 viewsApr 14, 2025
YouTubeITrend_SA
9:35
Creating Input Components in Figma | UI Forms Made Easy
166 views11 months ago
YouTubeEnglish Technology
19:24
Figma Tutorial: Master Figma Components and Variants in 20 Minutes (Beginner Guide)
254.9K views11 months ago
YouTubeDesignWithArash
18:05
Functional Text input in Figma - 2024
16.1K viewsDec 10, 2024
YouTubeKimo
3:10
Tutorial membuat input field di figma
12.6K viewsAug 15, 2023
YouTubeEnrico UI Designer
1:00
How to create an input text field in Figma 🎨 | Beginner UI Design Tip! #Figma #FigmaTutorial #Shorts
12.8K views9 months ago
YouTubeVZly Tuts
20:54
Figma Tutorial: Input Field with Animated Label
788 viewsMar 24, 2024
YouTubeicode ng
8:09
Functional text input in Figma - Using #variables and #conditionals
216.2K viewsJul 31, 2023
YouTubeKimo
8:40
Figma Tutorial - How to create Inputs?
39.8K viewsSep 11, 2023
YouTubeuxcristopher
5:59
Interactive Input Field with Blinking Cursor Animation in 5 Minutes | Figma Animated Text Field
17.7K viewsAug 14, 2024
YouTubeThefemijohn
8:08
Input Field Interaction using Interactive Components in Figma
282.8K viewsMar 2, 2021
YouTubeDesign Xstream
8:12
Input Text Field with Label Animation | Figma Interactive Components
1.5K viewsMar 5, 2024
YouTubeChinsk Design
33:30
🎨💡Input field 3 | Interactive Input Fields in Figma with Interactive Components!🚀✨
391 viewsDec 9, 2024
YouTubeRahul Sharma
See more