Figma tutorial: Animated Landing Page with Login and Register figma
Landing page design with login and register figma
Welcome to our KZread tutorial! In this video, we will show you how to create an attractive landing page with login and register functionality using figma. Whether you're new to design or already have some experience, this step-by-step guide will help you design a captivating interface that will grab your users' attention.
We will dive into the world of figma, a powerful design tool, and explore its features and techniques. You'll learn how to craft a visually stunning landing page that not only looks great but also provides a smooth and intuitive login and registration experience.
Join us as we take you through the entire process, from setting up the design canvas to adding elements, colors, and typography. We'll demonstrate how to create eye-catching visuals and arrange them in an appealing layout.
You don't need to be a design expert to follow along! We'll break down each step in simple terms, so you can easily grasp the concepts and apply them to your own projects. By the end of this tutorial, you'll have a solid understanding of how to design an impressive landing page with login and register features using figma.
Get ready to unlock your creativity and elevate your design skills with this engaging figma tutorial. Watch now and start designing stunning landing pages that will leave a lasting impression on your users!
If you have any suggestions for improving the design don't forget to comment below
Like 👍| Comment 👇 | Subscribe 🙏
Watch more :-
Redesign Uber website figma | Uber web design figma
:- • Redesign Uber website ...
Headphone website design in figma (part -1) | Figma tutorial
:- • Headphone website desi...
how to create mockups using figma plugins | figma mockup tutorial
:- • how to create mockups ...
food Delivery App design in figma with Prototype | Mobile App Design
:- • food Delivery App desi...
let's Connected:
Instagram: / vidscape_code
LinkedIn: / roushan-sharma-51a032202
Image Source:
freepik: Search "landscape illustration"
Tags:-
#landingpagedesign #landingpage #figmatutorial #WebDesignInspiration #uxdesign #uiux #UserExperience #webdevelopment #LoginAndRegister #designprocess #figmadesign #creativedesign #websitedesign #digitaldesign #designinspiration
Music:-
Sappheiros - Dawn" is under a Creative Commons license (CC BY 3.0)
/ sappheiros
Music promoted by BreakingCopyright: bit.ly/dawn-song
Пікірлер: 62
If you have any queries please comment below 🙏😊
@saqibafridi5292
3 ай бұрын
your work is awesome......but i just want to give a suggestion -----Kindly Give the project source in every video
Your design really amezing!
Amazing content
very nice!🔺
Nice brother 😎
thanks bro
Amazing ❤
the desing is great andy smooth and me , I don't know how to desing pro but the navigation that you created was not exactly fixed inside calumn so is this bring any issue?, like if I want to code this design How I should put a text between two calumn.
Nice bro. ❤😊
🔥💕👍
thanks for every tutorials, Brother can you tutor us on figma to brava then to functioning app
can you make a video on how can we navigate different contents like home services etc using components?
where did u get this kind pics
Beautiful stuff... Is there a reason you prefer shapes to frames though? Also why not just use those login and register "cards" as overlays instead of dedicating individual screens? Is there a reason?
@treyrader
10 ай бұрын
lol the world needs more reason.
@chiedozienebeolisa
10 ай бұрын
@@treyrader😅 I'm a Product Designer myself so I'm asking for professional purposes not to put his work down.
@treyrader
10 ай бұрын
@@chiedozienebeolisa Bro, say no more. I understand perfectly well. I too often find myself commenting asking similar questions. Thing is with figma though is that it just took a big leap in config with the advent of variables so there's like going to be a hugh shift in terms of best practices with prototyping and structuring component variants. I am a js developer but started learning ui design two months ago because it's an easier means of tinkering with ideas. cheers
@chiedozienebeolisa
10 ай бұрын
@@treyrader Ahh I see... All the best bro 😌
好奇你的首页的背景图是怎么画出来的
Thanks for the video, after designing the website, how do you put the code in viscose ?
@cianhiggins
3 ай бұрын
*vscode
@VidscapeCode
3 ай бұрын
Use plugin "figma design to html"
Is possible to get this template
where do you get the bg images ?
@VidscapeCode
6 ай бұрын
From the unsplash plugin.
@100xIncome69
6 ай бұрын
@@VidscapeCode tnx for sharing man
How can I get this picture which u copy from first page
@VidscapeCode
10 ай бұрын
From freepik.. "search landscape illustration"
how did you get your icons there? they just appeared on the page 1 under assests
@anshulverma6587
2 ай бұрын
use a plugin iconify it will give you everything
@AfricanPundit
2 ай бұрын
@@anshulverma6587 thanks a lot
Hlo where did u get the page 1 components?? can u tell me
@VidscapeCode
5 ай бұрын
For image, use unsplash or freepick and search "landscape illustration" For icons, search from google icons plugin.
My prototypes are not working, why is that? I did everything accordingly
@VidscapeCode
4 ай бұрын
Send me figma link on my insta so that I will check
Where you get the picture from?
@VidscapeCode
3 ай бұрын
From "freepick"
thanks for every tutorials, Brother can you tutor us on figma to brava then to functioning app❤
@VidscapeCode
Жыл бұрын
Yaa ofcourse stay with us...😊
bro how you get the wallpaper please tell
@VidscapeCode
8 ай бұрын
"Unsplash plugin" ...search landscape illustration.
Why 4 text header components ! just make one and give it text variant.
can u give this Figma file link?
How can I get those icon ?
@DesignerMubeen
18 күн бұрын
on ionic icon
pls give me this tutorial file
Bro I make it but how to copy 3 pages😢😢😢😢I lost 3 hours but it's not still working😢😢😢😢
@VidscapeCode
17 күн бұрын
Duplicate the frame press ctr+D
Contrast issues
dude how can i put the long I in the email? in 15:41 ?
@VidscapeCode
Ай бұрын
This is the lbar symbol in the keyboard, put it like a text
@gabrielhoffman74
Ай бұрын
@@VidscapeCode hahahah i saw it now. thanks dude!!!
How to change figma design to real website...?
@VidscapeCode
8 ай бұрын
Explanation is difficult here..stay with us, I'll make video on it..
Ux Ui designer just design these ... Right ?? ... UX/IU designer doesn't have to learn coding right?
@VidscapeCode
3 ай бұрын
Yes..! but I would suggest having a little knowledge of coding(frontend) which helps to understand developers and when you have knowledge of designing and developing, it's more easier to work on wider projects.
@user-cl5gj5mm9u
Ай бұрын
Learn html and css they are not programming language but just styling and structure for website
@ Hi brother I am new in your Chanel can you tell us how can download his tyo photos or other photos who's using in website desgine??
@VidscapeCode
8 ай бұрын
You can download from freepik or unsplash..
please i need script for exam i want
facecam