Figma Interactive Components | Input Field

Figma Interactive Components | Input Field

Chinsk Design 7.1K subscribers
32K views · 2021-12-30 UI Design
In this tutorial, I will show you how to make a form with Input Text Field animate in Figma with Interactive Components. Also, you will learn how to use components and variants.

In this video I show you:

00:00 Intro
00:38 Input Field UI Design
03:22 Create Group
03:40 Create Component
04:02 Create Variants
05:10 Prototype

======

Watch my others Interactive Components tutorials:

How to Make Dropdown Menu: https://youtu.be/e3K5ux4hOao
How to Make Progress Bar: https://youtu.be/gIK-07miFOc
Make a Checkbox | Interactive Component: https://youtu.be/0jgvOyS3XsQ
How to Make Toggle Switch Button: https://youtu.be/N_0X5rb6miY


======

Don't forget to like and subscribe to watch new design videos and tutorials
#figma interactive components input field#figma interactive input field#figma input#figma input component#figma input field component#figma input prototype#figma input box#figma input form#figma form fields#figma input field#figma prototype input fields#figma prototype input text#how to make input field in figma#figma create input field#figma prototype components