How to Build Interactive Forms in Figma | Working Input Field, Dropdowns, States & Prototypes
15:29
YouTubeDesign Nerd
How to Build Interactive Forms in Figma | Working Input Field, Dropdowns, States & Prototypes
#designnerd #design #tipsandtricks #uiux In this video, I’ll show you how to create fully interactive forms in Figma – step by step. We’ll design input fields, dropdowns, switches, and reusable components, and make them interactive using variables and properties. You’ll also learn how to create different states (focused, error, success ...
1.6K views8 months ago
Shorts
Design Contact Form in Figma with Input Components | Design System for Beginners #figmadesignsystem
1:07
2K views
Design Contact Form in Figma with Input Components | Design
Subhan Shaikh
The EASY WAY to Create Input Fields Components | Beginners Tutorial #designsystem #figmaforbeginners
0:45
183 views
The EASY WAY to Create Input Fields Components | Beginners Tutorial
Subhan Shaikh
Figma Tutorial
Figma Full Tutorial for Beginners 2026: How to Use Figma
27:17
Figma Full Tutorial for Beginners 2026: How to Use Figma
YouTubeMikey Website
15.5K views1 month ago
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
244.5K viewsFeb 22, 2025
Figma In 20 Minutes | Figma Tutorial For Beginners| Figma Tutorial | Figma Web Design | Simplilearn
22:06
Figma In 20 Minutes | Figma Tutorial For Beginners| Figma Tutorial | Figma Web Design | Simplilearn
YouTubeSimplilearn
5.2K views2 months ago
Top videos
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
168K viewsMar 17, 2024
How to Design an Interactive Input Field in Figma | Beginners Tutorial
7:49
How to Design an Interactive Input Field in Figma | Beginners Tutorial
YouTubeDesign Xstream
296K viewsJun 12, 2023
Ultimate Guide on How to Create Complex Input Fields Components in Figma
25:26
Ultimate Guide on How to Create Complex Input Fields Components in Figma
YouTubeSergei Chyrkov
22.8K viewsApr 17, 2025
Figma Design Tips
Figma for Edu: Figma Design and Figma Make, back to basics
58:00
Figma for Edu: Figma Design and Figma Make, back to basics
YouTubeFigma
5.7K views1 month ago
Figma Make Tutorial & Best Practice Guide | Figma AI 2026
17:18
Figma Make Tutorial & Best Practice Guide | Figma AI 2026
YouTubeTD Sunshine
22.1K views1 month ago
Figma Tutorial For Beginners 2026 | Figma Web Design Design Tutorial | Figma Tutorial| Simplilearn
1:20:34
Figma Tutorial For Beginners 2026 | Figma Web Design Design Tutorial | Figma Tutorial| Simplilearn
YouTubeSimplilearn
6.8K views3 months ago
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 …
168K viewsMar 17, 2024
YouTubeuxiva designs
How to Design an Interactive Input Field in Figma | Beginners Tutorial
7:49
Find in video from 00:24Setting Up the Figma File
How to Design an Interactive Input Field in Figma | Beginners Tutorial
296K viewsJun 12, 2023
YouTubeDesign Xstream
Ultimate Guide on How to Create Complex Input Fields Components in Figma
25:26
Ultimate Guide on How to Create Complex Input Fields Component…
22.8K viewsApr 17, 2025
YouTubeSergei Chyrkov
How to Make Interactive Form Fields in Figma | Input Field Figma | Figma Text Field (2025) #figma
5:14
How to Make Interactive Form Fields in Figma | Input Field Figma | Figm…
1.7K viewsOct 18, 2024
YouTubeAhmet Loca
Figma Input Field Components | Design System for Beginners
11:12
Figma Input Field Components | Design System for Beginners
913 viewsApr 12, 2025
YouTubeSubhan Shaikh
Functional form and text inputs in Figma! no limits anymore!
11:59
Functional form and text inputs in Figma! no limits anymore!
1.5K views8 months ago
YouTubeKimo
What is Figma? | Learn How Create INTERACTIVE Figma Input Fields in Minutes!
6:18
What is Figma? | Learn How Create INTERACTIVE Figma Input Fields i…
178 viewsApr 14, 2025
YouTubeITrend_SA
9:31
Animated Input Field UI in Figma | Smooth & Interactive Form Desig…
217 viewsMay 5, 2025
YouTubeUi Idea
1:45
Create a text Input field component with an animated floating label (Fi…
158 views1 month ago
YouTubeMyfxmedia
3:28
Create Interactive Form Fields in Figma (Step-by-Step Guide)
44 views1 month ago
YouTubeDesign with Ripon
4:17
Live: Build a Input Field Component with an Animated Floating Label i…
74 views6 months ago
YouTubeDesign Dynamics
3:03
Do You Know How to Create an Interactive Input Field in Figma? (…
3 views1 month ago
YouTubeEdward Franklin
9:37
Create And Prototype A Floating Label Interaction For Text Inputs I…
769 views11 months ago
YouTubeBrian Love
15:25
Build a working text input in Figma
6.3K views10 months ago
YouTubeD3sign UX - Dream Design Delight
4:17
Input Field Component with an Animated Floating Label (Figma T…
4.5K viewsDec 8, 2024
YouTubeDesign Dynamics
8:09
Find in video from 01:21Designing User Interface and Text Input
Functional text input in Figma - Using #variables and #conditionals
221.5K viewsJul 31, 2023
YouTubeKimo
16:02
Create Animated Text Field in Figma | Floating Label Tutorial (2026)
6 views4 weeks ago
YouTubeFarah UI UX Studio
8:41
Interactive Input Field Animation with Blinking Cursor in Figma for …
635 views1 year ago
YouTubeChinsk Design
0:33
Design a floating label input animation with me in Figma
179 views9 months ago
YouTubeSeddyworld Digital
1:23:21
6. The BEST Way to Design Responsive Text Fields in Figma …
67 views7 months ago
YouTubeKiran
10:00
Create Text Field With Animated Label On Figma (Step By Step)
7K viewsOct 26, 2024
YouTubeProduct Meow
20:54
Figma Tutorial: Input Field with Animated Label
795 viewsMar 24, 2024
YouTubeicode ng
0:48
Check out how to create AMAZING animated text input in Figma! 🚀 #fig…
3.3K viewsOct 26, 2024
YouTubeUinkits - Figma Design System & UI Kits
1:00
Create a text Input field Component with an Animated Floating Label (…
89.9K viewsApr 29, 2024
YouTubeDesign with Rohit
3:20
How to make an Interactive Form Field in Figma | 3 Minute Figma Tu…
103.3K viewsOct 10, 2023
YouTubeHamza Tariq
12:46
Figma Interactive Components | Input Field
31.7K viewsDec 30, 2021
YouTubeChinsk Design
4:38
Find in video from 02:12How to Customize the Input Fields
Interactive input fields in Figma for Free!
4.3K viewsAug 5, 2024
YouTubeAM Design
8:12
Input Text Field with Label Animation | Figma Interactive Com…
1.6K viewsMar 5, 2024
YouTubeChinsk Design
0:45
The EASY WAY to Create Input Fields Components | Beginners T…
183 viewsApr 13, 2025
YouTubeSubhan Shaikh
See more videos
Static thumbnail place holder