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.

6.3K views10 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

Figma Tutorial for Beginners - Complete Course 2025

Figma Tutorial for Beginners - Complete Course 2025

YouTubeAverage Design Dude

245.2K viewsFeb 22, 2025

Figma tutorial for Beginners: Complete Website from Start to Finish

Figma tutorial for Beginners: Complete Website from Start to Finish

YouTubeFlux Academy

3.1M viewsMay 20, 2022

Figma Tutorial for Beginners

Figma Tutorial for Beginners

YouTubeKevin Stratvert

1.1M viewsApr 11, 2024

Top videos

Figma Interactive Input Fields – With Keyboard

Figma Interactive Input Fields – With Keyboard

YouTubeDesignrep

1.2K views10 months ago

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

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

YouTubeDesign Xstream

298.3K viewsJun 12, 2023

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

169.3K viewsMar 17, 2024

Figma Design Tips

Figma for Edu: Figma Design and Figma Make, back to basics

Figma for Edu: Figma Design and Figma Make, back to basics

5.7K views1 month ago

Figma Design System + Screens using Claude Code - FULL COURSE

Figma Design System + Screens using Claude Code - FULL COURSE

YouTubeAverage Design Dude

8.9K views1 month ago

Figma x Claude Code Live: Roundtrip workflows with Figma MCP

Figma x Claude Code Live: Roundtrip workflows with Figma MCP

30.2K views1 month ago

Jump to key moments of Figma Input Text Field Form

Figma Beginners: Input Text Field Component

From 00:45Setting Up Input Field Text

Figma Beginners: Input Text Field Component

YouTubeAnnaDoesDesign

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

From 01:00Adding Input Labels and Placeholder Text

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

YouTubeDesign Xstream

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

From 00:27Opening Verse

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

YouTubeuxiva designs

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

From 01:21Designing User Interface and Text Input

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

Editable Text Input in Figma Jun 22, 2023

From 03:47Text Field and Conditional Check

Editable Text Input in Figma Jun 22, 2023

YouTubeBrandon Ward

Input Field Interaction using Interactive Components in Figma

From 00:22Demo of Input Field Interaction

Input Field Interaction using Interactive Components in Figma

YouTubeDesign Xstream

How to Underline Text in Figma

From 00:11Selecting Text Layer

How to Underline Text in Figma

YouTubePixel & Bracket

How to Send Any Object or Text to Back in Figma

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

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

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

298.3K viewsJun 12, 2023

YouTubeDesign Xstream

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

169.3K viewsMar 17, 2024

YouTubeuxiva designs

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

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

7K viewsOct 26, 2024

YouTubeProduct Meow

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 views1 month ago

YouTubeMyfxmedia

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

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

1.7K viewsOct 18, 2024

YouTubeAhmet Loca

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

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

4.8K viewsDec 8, 2024

YouTubeDesign Dynamics

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

15.4K views10 months ago

YouTubeVZly Tuts

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

22.8K viewsApr 17, 2025

YouTubeSergei Chyrkov

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

233K viewsJul 31, 2023

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

4.7K viewsOct 29, 2024

YouTubewebguru world

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

67 views8 months ago

What is Figma? | Learn How Create INTERACTIVE Figma Input Fields in Minutes!

178 viewsApr 14, 2025

YouTubeITrend_SA

Query Form Design in Figma | Interactive Text Field in Figma

54 views6 months ago

YouTubeJob Connect

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

71 views6 months ago

YouTubeDesign Dynamics

Figma Input Field Components | Design System for Beginners

953 viewsApr 12, 2025

YouTubeSubhan Shaikh

Create And Prototype A Floating Label Interaction For Text Inputs In Figma

769 views11 months ago

YouTubeBrian Love

Animated Input Field UI in Figma | Smooth & Interactive Form Design Tutorial

217 viewsMay 5, 2025

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

103.3K viewsOct 10, 2023

YouTubeHamza Tariq

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

55K viewsOct 29, 2024

YouTubewebguru world

Interactive input fields in Figma for Free!

4.3K viewsAug 5, 2024

YouTubeAM Design

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

3 views1 month ago

YouTubeEdward Franklin

Create Interactive Form Fields in Figma (Step-by-Step Guide)

44 views2 months ago

YouTubeDesign with Ripon

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

254.2K viewsApr 13, 2021

YouTubeEssential Web Apps

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

7.2K viewsOct 22, 2024

YouTubewebguru world

Functional Text input in Figma - 2024

17.1K viewsDec 10, 2024

Interactive Input Field Animation with Blinking Cursor in Figma for Mobile App - Figma Tutorial 2025

635 viewsMay 13, 2025

YouTubeChinsk Design

Figma Tutorial 2024: Create & Prototype an Input Text Field

353 viewsMay 29, 2024

YouTubeblackUI - Design & Illustration Things

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

581 viewsNov 22, 2022

YouTubeMuhammed Adepoju

See more