Designing & Prototyping Forms in Figma

-- Today, I'm going to help you get out of form hell and into form success! I'll show you how to properly design and prototype common form interactions in Figma.

0:00 - Introduction
0:41 - Learn UI/UX Now
1:27 - Setting up a Layout Frame
2:58 - Form Title
3:56 - Textfield Design
12:17 - Creating the Component
17:39 - Floating Label Variation
20:49 - Button Component
24:30 - Final Thoughts

Let's get started!

#figma #formdesign #uiux

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[Jada-litv]

I love using Framer input for forms. It's so easy.

[gely_]

Loved this tut, ive been using figma for the past month and never knew this was in here. Def an amazing way to show and present to people ! Thank you

[Coder-Journey]

i follow a lot of UI/UX YouTubers and you're the best!

[varshakapil]

My forms are not good.. needed to listen this 😊

[outpost]

Nice one Gaz. You're on top form here...

[MrAshes]

any backgrounds to the forms necessary or should it be plain always?
rather going to say i would like to do something in this way can you explain on what UI principle you're following to make a certain decision would help us to follow certain design standards instead of our own way of doing things.

[ryanjd]

Cool! There are also plugins for creating forms.You can also directly edit them

[conqr]

Thanks for the tips, This might help in my blogs too✌🏻

[thanapoomjantararuangtong]

hello Simon I have tried to purchase your course but it didn't allow me to do because it always said "Ops ! something went wrong".

[amandazacks]

I have the biggest crush on him idc
I just watch his videos to admire

[ashishkekisse]

How to add special characters input in figma like if someone is feeding number in password section error will occur

[themanthis]

I dont have an option on tap, only on click also no option change to whats going on? Ideas?

[doriomer]

Just wanted to say that i really like your hair, you inspire me to grow my own :)
after 3 months my hair looks like shit and i need to wear a hat (like you did).

[pelangos]

The problem is most wordpress sites use Contact Form 7 or Gravity forms, both of which have terrible form editors. I'll have to check out figma.

[pokang]

Hey friend, sure you get that asked quite often, but how did you get that dark mode figma?

[andrewxzvxcud]

I would like this video but your hostile and clickbaity demeanor in the thumbnail swayed me not. UX is obviously not your thing. Stick to web development.