How to design text fields in Figma | Figma Tutorial 2023
In this video I walk through the Material Design best practices for Text Fields and show you how you can create your own.
New to Figma? Sign up here:
https://psxid.figma.com/xogqvqq7ah54
0:00 - Intro
0:21 - Basic Principles
1:06 - Types of Text Fields
1:35 - Anatomy of a Text Field
2:29 - Label Text
2:40 - Helper Text
3:24 - Error Messages
4:06 - Character Counter
4:48 - Leading Icons
5:11 - Trailing Icons
5:45 - Scaling Text Fields
6:13 - Text Field States
7:21 - Creating a Text Field
9:37 - Wrapping Up
⁙ social media:
Twitter : / soren_iverson
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/