How to Design a Text Field in Figma (UI/UX Tutorial)
2:02
YouTubeToolbox studio | digital product designer
How to Design a Text Field in Figma (UI/UX Tutorial)
Learn how to design a clean and modern floating label text field in Figma! In this quick tutorial, we’ll walk you through step-by-step how to create a floating label input field — perfect for UI/UX designers working on forms and interfaces. Whether you’re a beginner or looking to refine your Figma skills, this guide will help you level up ...
2 个月之前
短视频
How to create an Interactive Multipurpose Text Field Component for Design systems
54:14
How to create an Interactive Multipurpose Text Field Component for Design
Olumide Balogun
Input Field Design System in Figma using a Master Component. How to create an Input Field Component.
26:45
已浏览 2.5万 次
Input Field Design System in Figma using a Master Component. How to create
Thefemijohn
Text Editing in Figma
How to EDIT Text in Figma (Step by Step) 2025
1:54
How to EDIT Text in Figma (Step by Step) 2025
YouTubeAnswer ASAP
已浏览 802 次4 个月之前
How to Edit Text in Figma (EASY)
1:12
How to Edit Text in Figma (EASY)
YouTubeChris Tech Guide
已浏览 3.7万 次2023年5月10日
How To Edit Text In Figma (Easiest Way) (2025 Guide)
3:59
How To Edit Text In Figma (Easiest Way) (2025 Guide)
YouTubeHow To with Alex
已浏览 23 次3 周前
热门视频
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
已浏览 12.5万 次2024年3月17日
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
已浏览 27.9万 次2022年10月31日
Interactive Text Fields in Figma | Interactive Design System Ep. 1
7:54
Interactive Text Fields in Figma | Interactive Design System Ep. 1
YouTubeDesignOS
已浏览 757 次2024年7月28日
Figma Text Tools
Figma Tutorial: Text Tool and Fonts
5:10
Figma Tutorial: Text Tool and Fonts
YouTubeFigma
已浏览 49.3万 次2018年3月30日
Figma Day 4 Tutorial: Master Text Tools, Alignment, Design Tree & Premium Features!
14:42
Figma Day 4 Tutorial: Master Text Tools, Alignment, Design Tree & Premium Features!
YouTubeSHR_Designer
已浏览 25 次3 个月之前
Figma Typography: Master In Just 15 Minutes
16:29
Figma Typography: Master In Just 15 Minutes
YouTubeGraphics Guruji
已浏览 8372 次5 个月之前
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 …
已浏览 12.5万 次2024年3月17日
YouTubeuxiva designs
Create a TEXT FIELD Component With an ANIMATED Label (Figma Tutorial)
16:48
Create a TEXT FIELD Component With an ANIMATED Label (Figma T…
已浏览 27.9万 次2022年10月31日
YouTubeMavi Design
Interactive Text Fields in Figma | Interactive Design System Ep. 1
7:54
Interactive Text Fields in Figma | Interactive Design System Ep. 1
已浏览 757 次2024年7月28日
YouTubeDesignOS
How to create an Interactive Multipurpose Text Field Component for Design systems
54:14
How to create an Interactive Multipurpose Text Field Compone…
11 个月之前
YouTubeOlumide Balogun
Input Field Design System in Figma using a Master Component. How to create an Input Field Component.
26:45
Input Field Design System in Figma using a Master Component. How t…
已浏览 2.5万 次2024年3月25日
YouTubeThefemijohn
Design Professional Input Fields Easily in Figma Using Auto Layout (Beginner-Friendly)
2:42
Design Professional Input Fields Easily in Figma Using Auto Layou…
已浏览 63 次4 个月之前
YouTubeDesigns by Tommydc
How to Design an Interactive Input Field in Figma | Beginners Tutorial
7:49
How to Design an Interactive Input Field in Figma | Beginners Tutorial
已浏览 25.7万 次2023年6月12日
YouTubeDesign Xstream
18:11
Design Systems 101: How to create a text input component in Figma
已浏览 6435 次2023年1月23日
YouTubeJust UX
11:12
Figma Input Field Components | Design System for Beginners
已浏览 483 次4 个月之前
YouTubeSubhan Shaikh
38:46
How to Make a Design System in Figma?
已浏览 11.5万 次2023年12月15日
YouTubeThe Cutting Edge School
14:02
How to Setup & Create Text Styles in Figma for Faster Designing
已浏览 3457 次2024年7月30日
YouTubeAdam Wright Design
15:22
Typography Scaling System in Figma Tutorial
已浏览 2965 次2024年4月28日
YouTubePixellink
7:13
Figma Design for K-12: Typography basics
已浏览 3779 次3 个月之前
YouTubeFigma
0:48
Check out how to create AMAZING animated text input in Figma! 🚀 #fig…
已浏览 2580 次10 个月之前
YouTubeUinkits - Figma Design System & UI Kits
12:58
Figma tutorial: Variables for typography
已浏览 20.2万 次2024年4月16日
YouTubeFigma
1:25:39
Build a Design System! Ep. 1: Figma Tokens & Variables Setup
已浏览 17.5万 次2024年8月22日
YouTubeUI Collective
3:37
Fastest way to create text styles in Figma
已浏览 12.7万 次2022年7月8日
YouTubeDesign with Asif
19:24
Figma Tutorial: Master Figma Components and Variants in 20 Mi…
已浏览 4.8万 次4 个月之前
YouTubeDesignWithArash
22:07
Creating Text Styles: Typography Style Guide in Figma
已浏览 1970 次7 个月之前
YouTubeKentTheDesigner
12:29
Intro to Figma Make (Tutorial)
已浏览 4.3万 次1 个月前
YouTubeFigma
7:42
Figma Design for K-12: Prototyping an app level 1
已浏览 1万 次4 个月之前
YouTubeFigma
4:33
How to Create Text Styles in Figma | Figma Basics
已浏览 308 次5 个月之前
YouTubeUixDesigns
5:34
How to create an interactive dropdown component in Figma | N…
已浏览 6.2万 次2024年7月16日
YouTubeJonathan Waterworth
6:54
Text Variables in Figma
已浏览 5.9万 次2023年7月11日
YouTubeUI Collective
20:57
Figma Component - Input Field (Variables, Variants & Component …
已浏览 3.7万 次2023年9月11日
YouTubeTD Sunshine
16:37
Prepare for Figma Text Variables: Start Building Your Type Scales C…
已浏览 2.6万 次2024年1月15日
YouTubeUI Collective
7:16
How to Work with Design Systems in 2025 | Figma Design System Tut…
已浏览 1.2万 次7 个月之前
YouTubeAgatha | The Designely
20:40
Inside FPL: A Look at Figma's Design System | Figma
已浏览 1.3万 次9 个月之前
YouTubeFigma
7:04
Figma Tutorial 2024: Create & Prototype an Input Text Field
已浏览 287 次2024年5月29日
YouTubeblackUI - Design & Illustration Things
观看更多视频
静态缩略图占位符