Back to Browse

Floating labels in Figma

30.6K views
Sep 30, 2022
3:42

3 min tutorial on creating Material Design's Floating Label in Figma. A floating label is a text label that appears inside the input field. When a user interacts with the field, the label “floats” above, making room for the user to input a value. In this video, we will learn how to create a Material Design look-like input field with a floating label. We will create an input field using a text with Auto Alignment and introduce a simple On Click animation to change the state from Default to Active. ---- Twitter: http://twitter.com/101babich Instagram: http://instagram.com/101babich/ #floatinglabel #materialdesign #android #androidui #uidesign #ui #userinterface #userexperience #ux #productdesign #uidesigntutorial #userinterfacedesign #designinfigma

Download

0 formats

No download links available.

Floating labels in Figma | NatokHD