How to Design a Login Form in Figma

How to Design a Login Form in Figma

We design a login form in figma using Thumblyitics as a baseline. The current form is a little plain and we want to improve the form design by using good UI and UX principles.

This login form design will use figma to show you how you can design the UI of your next application to look a bit more awesome. Figma login tutorial like this hopefully will give you a better idea of how to use design thinking and spacing to create graphics design like this.

This UI design login form we create using figma also should cover some of the problems that we may come across when we create figma login pages from scratch. I hope you guys enjoy this figma tutorial and if you do, let me know in the comments and I might do more around UI aspects like this!

#figma #design #login

Thumblytics:

Figma Design

Follow and support me:

[AdrianTwarog]

I am trying to grow my channel, so if you find this video useful, #subscribe & hitting the #bell :) Thanks for watching and hope you liked and learnt something new!

[karamchandsahugupta]

I really liked this video. I am new to Figma, and this video helped me a lot. Just a request, if you also mention what key combination you use while in Figma that can really help someone like me who has no prior experience with keyboard shortcuts for this tool. overall good.

[ainigill]

Thanks for the video. It helped me a lot.

[JiglyPoof]

Can you make the fields actually get inputs from user in Figma?

[vipproducts]

the login page you share is not editable, only to see

[somtochukwuakuche]

I don't understand ur video especially how u copied the second box out of the first box

[secondrecipes]

So how did you get that login form from web to figma?

[whimsical.me]

isnt it preferred to ditch the placeholder text

[TEAMTRENDS]

Hi bro Im working on one project with login and registration page ...in my case there must be a toggle button with both login and registration


Like swipe left for login and swipe right for registration

In single button

I can't do it please help me or please show me the video to how to do it like single button please I'm urgently needed it for my help me 😭

[keshyemeka]

No auto layout 😢 you wasted my data fool

[azlifestyle]

Your noise is nauseating. Please speak clear.

[rajkumar-nqte]

How to convert it into html code? Thanks

[sharonwaceke]

I always find it hard to design sign up and log in screens . I don't know why despite watching and practicing several times 😞

[jayprecode]

That was damn So Make me not to give up

[thewaliiiii]

I want to have similar front camera setup like yours. What camera/lens do you use? And do you mount the camera on top of the monitor?

[ecilion]

How do I make it so that the login/sign up page doesnt show up again in any future use after they've logged in?

[aldinahmeti]

tell you what u just saved me and for that i shall subb and like ur videos

[tonyvito]

the design needs much white space espicially the input section its pretty close to the sub heading

[felipecampos]

Beautiful tutorial congratulations, let me ask for you, can you animate input that form, because I'm learn how animate inputs, when user type e-mail and password and press button, is hard do that ?

[andremendez]

Great video! Thanks for this. Saved the day for me. Btw, would you mind sharing what web cam you are using. Very nice quality!