Figma Input Text Field Form - Search Videos

Build a working text input in Figma

YouTubeD3sign UX - Dream Design Delight

Build a working text input in Figma

Follow along to learn how to create a fully functional text input field for prototyping in Figma.

7.8K views11 months ago

Create a text Input field component with an animated floating label (Figma Tutorial) #figmadesign

Create a text Input field component with an animated floating label (Figma

How to create an input text field in Figma 🎨 | Beginner UI Design Tip! #Figma #FigmaTutorial #Shorts

How to create an input text field in Figma 🎨 | Beginner UI Design Tip! #Figma

Complete Figma AI Course for Beginners 2026

Complete Figma AI Course for Beginners 2026

YouTubeThe Cutting Edge School

32.7K views4 weeks ago

Figma In 20 Minutes | Figma Tutorial For Beginners| Figma Tutorial | Figma Web Design | Simplilearn

Figma In 20 Minutes | Figma Tutorial For Beginners| Figma Tutorial | Figma Web Design | Simplilearn

YouTubeSimplilearn

5.7K views3 months ago

Figma Tutorial for Beginners (13-min crash course!)

Figma Tutorial for Beginners (13-min crash course!)

YouTubeFlux Academy

1.1M viewsNov 27, 2024

Top videos

Figma Interactive Input Fields – With Keyboard

Figma Interactive Input Fields – With Keyboard

YouTubeDesignrep

1.2K views10 months ago

Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma

Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma

YouTubeuxiva designs

172.2K viewsMar 17, 2024

Input Text Field with Label Animation | Figma Interactive Components

Input Text Field with Label Animation | Figma Interactive Components

YouTubeChinsk Design

1.6K viewsMar 5, 2024

Figma UI Design

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

Figma UI Design Tutorial: Get Started in Just 24 Minutes!

YouTubeAJ&Smart

4.8M viewsDec 8, 2020

Figma UI Design tutorial for beginners 2025

Figma UI Design tutorial for beginners 2025

YouTubeHBA Services

124.8K viewsMay 17, 2025

2026 Figma Crash Course - Brand & UI/UX Design

YouTubeDesignCourse

38.3K views5 months ago

Jump to key moments of Figma Input Text Field Form

From 00:45Setting Up Input Field Text

Figma Beginners: Input Text Field Component

YouTubeAnnaDoesDesign

From 00:27Opening Verse

Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) |

YouTubeuxiva designs

From 03:47Text Field and Conditional Check

Editable Text Input in Figma Jun 22, 2023

YouTubeBrandon Ward

From 01:00Adding Input Labels and Placeholder Text

How to Design an Interactive Input Field in Figma | Beginners Tutorial

YouTubeDesign Xstream

From 01:21Designing User Interface and Text Input

Functional text input in Figma - Using #variables and #conditionals

From 00:22Demo of Input Field Interaction

Input Field Interaction using Interactive Components in Figma

YouTubeDesign Xstream

From 00:11Selecting Text Layer

How to Underline Text in Figma

YouTubePixel & Bracket

From 00:14Putting the Object Behind the Text

How to Send Any Object or Text to Back in Figma

YouTubeDomTeaches

Figma Interactive Input Fields – With Keyboard

Figma Interactive Input Fields – With Keyboard

1.2K views10 months ago

YouTubeDesignrep

Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma

Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma

172.2K viewsMar 17, 2024

YouTubeuxiva designs

Input Text Field with Label Animation | Figma Interactive Components

Input Text Field with Label Animation | Figma Interactive Components

1.6K viewsMar 5, 2024

YouTubeChinsk Design

How to create an input text field in Figma 🎨 | Beginner UI Design Tip! #Figma #FigmaTutorial #Shorts

How to create an input text field in Figma 🎨 | Beginner UI Design Tip! #Figma #FigmaTutorial #Shorts

17K views10 months ago

YouTubeVZly Tuts

Create a text Input field component with an animated floating label (Figma Tutorial) #figmadesign

Create a text Input field component with an animated floating label (Figma Tutorial) #figmadesign

168 views2 months ago

YouTubeMyfxmedia

Figma Tutorial 2024: Create & Prototype an Input Text Field

Figma Tutorial 2024: Create & Prototype an Input Text Field

368 viewsMay 29, 2024

YouTubeblackUI - Design & Illustration Things

How to Design an Interactive Input Field in Figma | Beginners Tutorial

How to Design an Interactive Input Field in Figma | Beginners Tutorial

302.5K viewsJun 12, 2023

YouTubeDesign Xstream

Create a text Input field component with an animated floating label (Figma Tutorial) #figmadesign

29 views2 months ago

YouTubeMyfxmedia

How to Design Input Fields in Figma | Figma Tutorial

1.2K viewsOct 14, 2023

Figma Interaction Tutorial 2022 - Create Interactive Input Text Field with Figma

580 viewsNov 22, 2022

YouTubeMuhammed Adepoju

Input Field Interaction using Interactive Components in Figma | Input Field Figma - Figma Text Field

255.8K viewsApr 13, 2021

YouTubeEssential Web Apps

How to Make Interactive Form Fields in Figma | Input Field Figma | Figma Text Field (2025) #figma

1.8K viewsOct 18, 2024

YouTubeAhmet Loca

Functional text input in Figma - Using #variables and #conditionals

233.7K viewsJul 31, 2023

Create Text Field With Animated Label On Figma (Step By Step)

7K viewsOct 26, 2024

YouTubeProduct Meow

Do You Know How to Create an Interactive Input Field in Figma? (Beginner Tutorial)

46 views2 months ago

YouTubeEdward Franklin

Input Field Component with an Animated Floating Label (Figma Tutorial) #figmadesign

5K viewsDec 8, 2024

YouTubeDesign Dynamics

Live: Build a Input Field Component with an Animated Floating Label in 5 minutes

71 views7 months ago

YouTubeDesign Dynamics

Query Form Design in Figma | Interactive Text Field in Figma

56 views7 months ago

YouTubeJob Connect

Ultimate Guide on How to Create Complex Input Fields Components in Figma

23.3K viewsApr 17, 2025

YouTubeSergei Chyrkov

6. The BEST Way to Design Responsive Text Fields in Figma Using Auto Layout

67 views8 months ago

Figma Input Field Components | Design System for Beginners

964 viewsApr 12, 2025

YouTubeSubhan Shaikh

Creating Interactive Input Fields with Keyboard in Figma | Advanced Variable Tutorial

4.7K viewsOct 29, 2024

YouTubewebguru world

Interactive input fields in Figma for Free!

4.3K viewsAug 5, 2024

YouTubeAM Design

Create a TEXT FIELD Component With an ANIMATED Label (Figma Tutorial)

310.3K viewsOct 31, 2022

YouTubeMavi Design

Creating Interactive Input Fields with Keyboard in Figma | Advanced Variable Tutorial

56.9K viewsOct 29, 2024

YouTubewebguru world

How to make an Interactive Form Field in Figma | 3 Minute Figma Tutorial

106.7K viewsOct 10, 2023

YouTubeHamza Tariq

Figma Interactive Input Fields - Variables | Numeric & Uppercase Keyboard Tutorial (Lang: English)

6.6K viewsOct 22, 2024

YouTubewebguru world

EDITABLE TEXT FIELD Using Figma Make (Web Design ep.76 #free #course)

1.2K views4 months ago

YouTubeMavi Design

Figma Tutorial: Input Field with Animated Label

800 viewsMar 24, 2024

YouTubeicode ng

See more