Making this site was a ton of fun. Thanks so much Ed for creating this amazing design! It was really fun to work through the difficult parts of programming this site. After you are done watching this amazing video, make sure to come checkout part two on my channel where we program the entire site in under an hour! ua-cam.com/video/RZ-Oe4_Ew7g/v-deo.html
Hi i am kinda new to this whole thing but can you tell me how i can deliver this site to my client?? And is this free ? If not can you tell me some free software for ui/ux design?
@@astrolabe1976 github. with your paper hands, click into the actual files by clicking the filenames, then youll find an option to dl. u gotta do it one-by-one. just focus on dl'ing 'cover' and 'landing-page-girl' -- the others u wont be able to dl lol. if u have diamond hands, then u create a github acct. go to that page. top left corner press 'fork'. then on the new page click 'code', then 'download zip'
I watch it from the start. I'm beginning to enjoy figma. Thank you for this tutorial, it will be very helpful in my choice of a new career as a web developer after 20 years in customer service.
This was extremely helpful for me. Just enough instruction, good pace, personable, good tips. I learned a lot about Figma as well as some graphic design principles. Thanks for providing the file of pieces and for walking us through this!
several times you said that the video is loger then you thought but i think the video is so useful and helpful for me and others. every second is in detailed. plz make more videos like that.
This is a little like watching Bob Ross paint (which could be one of the best compliments you will ever receive :) ) seems so simple and effortless. Great job.
Wow thank you so much for making this and doing a collab. I've been thinking of switching careers into UX/UI and I learn best by doing, so being able to make this design with you was really fun and helped me get a feel of Figma and what work goes into a simple project. Just subscribed, thanks so much again! Will watch the other channel's follow up video to see how to code the design later.
@DevEd, You're making me enjoy web development, me! a old-dog back-end developer who mostly worked in Windows Forms and WebAPI. I'd define myself more like a software architect now. I can feel all the joy you put in your videos and this makes me want to follow you. Thx for your tremendous personality, mate. :)
Just watching for idea, for our project. got pressured but watching this tutorial is really fun. I enjoyed it, learned a lot, for a beginner like me. Thanks!
This is the first time i am watching your tutorial, and i felt so good and motivated because many of the design decisions like font style, the color scheme i made matches yours..so i am feeling good that maybe i am on right path 😊
Thanks so much for this amazing video. I recently dove into the design world and learned about figma as well (amazing design tool). Your video has been a great source of inspiration as well as a great tutorial on figma.
I haven't watched any videos on Figma other than this one but, I have a strong feeling that this is the must watch for every beginner. Thanks to Dev Ed for this.
Hey ed, Your are seriously a super energized GUY. That why you are the only person who convinced to hit the bell icon. by the way in my native language we say double dot instead of semicolon!
22:50 how did u import the cover image that could be separated into 4 images? the jpg i downloaded from github was fused as 1 and was not able to be separated
Sometimes I think that being a Graphic Designer is no other thing than getting paid for developing and exacerbating your OCD. That was SO helpful! thank you so much!
Awesome video Ed!! You just made the less creative person in the room install Figma and pull the sleeves up! I really like your content. Keep the great work brother
@@developedbyed No, no. You are awesome. I found out your channel couple days ago and I've browsed through every one of your videos and they were really helpful. Thanks to u, i found webdev simplified now.
Great tutorial ..... Good way of teaching ..... Not so fast ...... I can easily understand all the things told and displayed ....... Really thankful to you because as a beginner this is the first meaningful tutorial I found.
You're such an inspiration,thats exactly what i need n always wanted ,a design tool in bringing the idea to sight.That smile makes it seem simple and interesting. Well done👏✌🙌🍻
Great video! I was a little afraid going into Figma because is a new program for me, but with this I can get the confidence to start my new project. Thank you so much for making it look so easy.
Hi. I like your positive approach and motivation to teach. This inspired me to listen and try duplicate what you are doing on your video. I crated the frame with excitement to continue. 3min in the video you imported this photo but without explaining how. That's when you lost me. Wish you could explain all the steps so I could follow you. Cheers
Am I the only one seeing the typo of about where he typed 'abous'??🙈 but it is a very nice looking website design, keep up the great work, I love what you're doing😁
Making this site was a ton of fun. Thanks so much Ed for creating this amazing design! It was really fun to work through the difficult parts of programming this site.
After you are done watching this amazing video, make sure to come checkout part two on my channel where we program the entire site in under an hour! ua-cam.com/video/RZ-Oe4_Ew7g/v-deo.html
that's so cool! I do both and I can learn this process from both videos! :D
I'm excited to do this! Thank you for doing this!! Subbed to both of your channels!!
ok mate
Cool
Hey, where and how do you import those icons for facebook and twitter?
Thanks to Web Dev Simplified for all the help! Hope you guys enjoy this one, took a while to make :)
Hi i am kinda new to this whole thing but can you tell me how i can deliver this site to my client?? And is this free ? If not can you tell me some free software for ui/ux design?
@@a.n.7338 this is figma and its free
where are the files for this exactly?
@@astrolabe1976 github. with your paper hands, click into the actual files by clicking the filenames, then youll find an option to dl. u gotta do it one-by-one. just focus on dl'ing 'cover' and 'landing-page-girl' -- the others u wont be able to dl lol.
if u have diamond hands, then u create a github acct. go to that page. top left corner press 'fork'. then on the new page click 'code', then 'download zip'
I watch it from the start. I'm beginning to enjoy figma. Thank you for this tutorial, it will be very helpful in my choice of a new career as a web developer after 20 years in customer service.
My web dev journey started here almost 3 years ago, thanks for getting me started. At uni doing CS now in my second year .
This was extremely helpful for me. Just enough instruction, good pace, personable, good tips. I learned a lot about Figma as well as some graphic design principles. Thanks for providing the file of pieces and for walking us through this!
How do you always have the perfect colours!! Do a tutorial on colour palettes, please.
learn about colour theory and for good colour pallets you can use colorhunt.co
@@MohamedSaberSabryElSayed could you plz refer any channels.
several times you said that the video is loger then you thought but i think the video is so useful and helpful for me and others.
every second is in detailed.
plz make more videos like that.
Just refreshed my figma skills using this... it was so smooth. Thank you!
As a developer I was lost when I opened Figma. Thanks for going through most things I wanted to understand as a beginner.
thats an interesting way of centering text on a rectangle. makes way more sense
Just finished a website by watching this video. You're a ROCK STAR!
27:30 I can do this forever, you find yourself repositioning everything for 10 hours.
28:03 I can work on this for 10 hours.
This is the first time that I enjoyed a tutorial. You are amazing! So talented!
sub when you can
I have been following your videos and designing figma websites . Thanks for the videos. Regards from Nigeria
This is a little like watching Bob Ross paint (which could be one of the best compliments you will ever receive :) ) seems so simple and effortless. Great job.
I agree. The Bob Ross of webdev!
Wow thank you so much for making this and doing a collab. I've been thinking of switching careers into UX/UI and I learn best by doing, so being able to make this design with you was really fun and helped me get a feel of Figma and what work goes into a simple project. Just subscribed, thanks so much again! Will watch the other channel's follow up video to see how to code the design later.
You did not symmetrize the soundwaves in the logo. It malted my perfectionist eye.
(11 months later) The last line...noooo
You're such an excellent illustrator, the best video guide I've watched on youtube
@DevEd, You're making me enjoy web development, me! a old-dog back-end developer who mostly worked in Windows Forms and WebAPI. I'd define myself more like a software architect now.
I can feel all the joy you put in your videos and this makes me want to follow you. Thx for your tremendous personality, mate. :)
Just watching for idea, for our project. got pressured but watching this tutorial is really fun. I enjoyed it, learned a lot, for a beginner like me. Thanks!
In the Netherlands the Colon is called: Dubbele punt - Double point / Double Dots 😁👍
Just discovering that you not only makes videos about web dev, and even for artistics stuffs, you are so good :) Thank you for sharing your talent
This is the first time i am watching your tutorial, and i felt so good and motivated because many of the design decisions like font style, the color scheme i made matches yours..so i am feeling good that maybe i am on right path 😊
Thanks so much for this amazing video. I recently dove into the design world and learned about figma as well (amazing design tool). Your video has been a great source of inspiration as well as a great tutorial on figma.
very less people i come across and youtube with a smile and charm like yours...sweet
Whoa! 🎉 Just finished working on my very first Figma exercise using this video. Feels exciting 😅Thank youuuuuu 🤭🤭🤭🥰🥰🥰🥰
Thank you so much for giving us the pics! truely appreciated! subbed!
Thanks Ed! This is easy and fast for a Adobe user like me to understand Figma in less than a day!
Thankyou buddy. It helped me a lot during the designing phase of my Agile project.
Thank you for this course. I really learned a lot and enjoyed it. Amazing!
This tutorial was so helpful! I hope you do more figma follow alongs like this. Thanks!
where did he get the icons tho, is it okay if you dont make them yourself ?
Wow, it´s been a year. This tutorial was my first approach to web development. Thank you.
Oh my goodness I'm only 10seconds in and Ed's sincere enthusiasm is so energizing - so glad I found this channel!
I haven't watched any videos on Figma other than this one but, I have a strong feeling that this is the must watch for every beginner. Thanks to Dev Ed for this.
You don't have too much content in your channel. but still it's one of the best channels i refer to.
Hey ed, Your are seriously a super energized GUY. That why you are the only person who convinced to hit the bell icon. by the way in my native language we say double dot instead of semicolon!
22:50 how did u import the cover image that could be separated into 4 images? the jpg i downloaded from github was fused as 1 and was not able to be separated
Awesome video Ed! Thank you so much. I've started incorporating web design into my web development and it's really brought my work to life. Thank you!
sub when you can
Great to see the professional in action!
Why do I like your channel so much, you are my goto for web dev and code
This was so fun and helpful to watch! Thank you so much for making such an easy tutorial to follow. You make it look so effortlessly done 😊
This video was very helpful for me. Thank you so much for sharing this video which covered every thing in one shot. Amazing !!!!!!
Dev Ed, Thank you! I've been watching your videos to improve my ui skills, because I'm a developer. You've helped me a lot.
Sometimes I think that being a Graphic Designer is no other thing than getting paid for developing and exacerbating your OCD.
That was SO helpful! thank you so much!
Yess OMG thank you soo much, I've been looking for a fun and interactive figma tutorial. Please do more figma, svg and animation. thanks so much
Loved it! I just started using Figma!
Wow I didnt know that you could make a website with Figma, Thanks for all of the tips and tricks you showed us.
Great Tutorial! Now I can work on my project!
Niiiice good co-op with Kyle!
You've been working from day till the sun goes down. Great passion! That's the hidden real lesson👍
great video massive learning keep making tutorials like this on figma design
great job on giving the other guy some creds at the start, that's true content creation
Thank you very much, very nice video. You have simplified the process and explained it nicely. Looking forward for more such videos.
The color scheme is amazing. \m/
That Grid View Gave Me A Cool Background Idea 😍
sub when you can
wow, I am a beginner and I really enjoyed this tutorial.
1st tutorial that I finished because it is easy and I learned a lot. Thank you po
Thank you for making it too easy for us to understand
Awesome video Ed!! You just made the less creative person in the room install Figma and pull the sleeves up! I really like your content. Keep the great work brother
Came as soon as i got the notification. Really, thanks for the figma tutorial. Needed this.
You are awesome!
@@developedbyed No, no. You are awesome. I found out your channel couple days ago and I've browsed through every one of your videos and they were really helpful. Thanks to u, i found webdev simplified now.
Really very helpful for anyone one who is starting Figma to design first time.
wow this guy's design skills are outstanding yow
One of the best tutorials i ever seen
so cool. I enjoyed the tutorial. My love for Figma just grew ten folds.
sub when you can
That T tool Joke was relly GOOD. Especially "Unfortunately I hope they fix that in future updates" part
Thank you! Awesome tutorial. The best for the Figma newcomers)
this is very helpful.. for beginners like me.. thanks man! very much appreciate your work👏
Great tutorial ..... Good way of teaching ..... Not so fast ...... I can easily understand all the things told and displayed ....... Really thankful to you because as a beginner this is the first meaningful tutorial I found.
Thank you man, for your work. This was really helpful!
thax so much I was able to make the full site....now the code...
Thank you so much this was so much fun!!!
Very calmy explained and straight forward. Good job!
First time to your channel, learnt few skills and filled with positivity... Thanks for the video bro... Will follow-up more!
great tutorial brother. I learnt a lot more things about graphics design
Thanks for sharing. Exactly what I was looking for!
nice...a good way to use time wisely and have fun while at it
That was great. I'm brand new to Figma, but you really helped remove some of the fear. Thank you.
Oh boy I am so gonna use this to take my web portfolio from 144p to 1080p!
I enjoyed every bit of the video. Thanks so much
You're such an inspiration,thats exactly what i need n always wanted ,a design tool in bringing the idea to sight.That smile makes it seem simple and interesting. Well done👏✌🙌🍻
Dev Ed, thanks for your insightful tutorial !
its really good, I learned a lot. thanks and keep making these type of videos.
Great video! I was a little afraid going into Figma because is a new program for me, but with this I can get the confidence to start my new project. Thank you so much for making it look so easy.
man you got the best vibe out there very natural :) respect
Thank you very much for the tutorial!
Thanks for bringing us to the process, really helps!
That was really helpful tutorial video. I liked it Ed! keep it up :)
How do you create the subtitle? He doesnt explain how to create the Stream over... text
This video is amazing.. I really enjoyed watching. Thank you so much.
Fantastic!! I’m a figma noobie. This site looks so sick!
Great video, very helpful for beginners like myself. Thanks
wow i love this guy. youre the most amazing. your teaching style is just WOW!!! i hope you make more videos. youre the best.
Thanks, man. This helped me a lot!
It is really amazing what you do! Thank you so much for sharing this process.
Hi. I like your positive approach and motivation to teach. This inspired me to listen and try duplicate what you are doing on your video. I crated the frame with excitement to continue. 3min in the video you imported this photo but without explaining how. That's when you lost me. Wish you could explain all the steps so I could follow you. Cheers
Am I the only one seeing the typo of about where he typed 'abous'??🙈 but it is a very nice looking website design, keep up the great work, I love what you're doing😁
Next time you can use the Components feature in Figma for the Cards so that when you resize one card all other gets aligned as well
u r super amazing dude!!U just saved me from a huge chunk of extra works!
you are so fun and amazing with your great tutorial. Thanks much
Amazing ideas! I really enjoyed your enthusiasm and after watching these I feel ready doing something on my own
Beautiful site, beautiful model and amazing class!
Thank you for share your knowledge.