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.
@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. :)
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.
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 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.
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!
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.
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!
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!
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 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.
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😁
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👏✌🙌🍻
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
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.
As a developer I was lost when I opened Figma. Thanks for going through most things I wanted to understand as a beginner.
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!
My web dev journey started here almost 3 years ago, thanks for getting me started. At uni doing CS now in my second year .
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.
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.
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.
Just finished a website by watching this video. You're a ROCK STAR!
You did not symmetrize the soundwaves in the logo. It malted my perfectionist eye.
(11 months later) The last line...noooo
@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. :)
This is the first time that I enjoyed a tutorial. You are amazing! So talented!
sub when you can
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.
In the Netherlands the Colon is called: Dubbele punt - Double point / Double Dots 😁👍
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!
I have been following your videos and designing figma websites . Thanks for the videos. Regards from Nigeria
You don't have too much content in your channel. but still it's one of the best channels i refer to.
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.
Oh my goodness I'm only 10seconds in and Ed's sincere enthusiasm is so energizing - so glad I found this channel!
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!
Just refreshed my figma skills using this... it was so smooth. Thank you!
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 😊
thats an interesting way of centering text on a rectangle. makes way more sense
You're such an excellent illustrator, the best video guide I've watched on youtube
One of the best tutorials i ever seen
Thanks Ed! This is easy and fast for a Adobe user like me to understand Figma in less than a day!
Wow, it´s been a year. This tutorial was my first approach to web development. Thank you.
great job on giving the other guy some creds at the start, that's true content creation
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
That T tool Joke was relly GOOD. Especially "Unfortunately I hope they fix that in future updates" part
so cool. I enjoyed the tutorial. My love for Figma just grew ten folds.
sub when you can
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 ?
very less people i come across and youtube with a smile and charm like yours...sweet
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.
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.
Whoa! 🎉 Just finished working on my very first Figma exercise using this video. Feels exciting 😅Thank youuuuuu 🤭🤭🤭🥰🥰🥰🥰
Great to see the professional in action!
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!
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 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 😊
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
You've been working from day till the sun goes down. Great passion! That's the hidden real lesson👍
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!
Awesome. I love your tutorials. I finally decided to learn Figma. Ps. Please partner up with web Dev Simplified again. You two are awesome.
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
Great vid, you and web dev simplified should work together more often
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
Oh boy I am so gonna use this to take my web portfolio from 144p to 1080p!
Wow I didnt know that you could make a website with Figma, Thanks for all of the tips and tricks you showed us.
Why do I like your channel so much, you are my goto for web dev and code
That Grid View Gave Me A Cool Background Idea 😍
sub when you can
wow this guy's design skills are outstanding yow
That was great. I'm brand new to Figma, but you really helped remove some of the fear. Thank you.
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.
The color scheme is amazing. \m/
Thankyou buddy. It helped me a lot during the designing phase of my Agile project.
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.
Figma is such an incredible tool. I cannot believe it is free.
Niiiice good co-op with Kyle!
Thank you so much for giving us the pics! truely appreciated! subbed!
Thank you for this course. I really learned a lot and enjoyed it. Amazing!
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😁
Thank you very much, very nice video. You have simplified the process and explained it nicely. Looking forward for more such videos.
This video was very helpful for me. Thank you so much for sharing this video which covered every thing in one shot. Amazing !!!!!!
wow, I am a beginner and I really enjoyed this tutorial.
Loved it! I just started using Figma!
i really like your energy dude. keep it up!
Thank you! Awesome tutorial. The best for the Figma newcomers)
u r super amazing dude!!U just saved me from a huge chunk of extra works!
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.
great video massive learning keep making tutorials like this on figma design
Fantastic!! I’m a figma noobie. This site looks so sick!
had fun doing this
loved this to learn figma i feel like I had an intensive class
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
wow i love this guy. youre the most amazing. your teaching style is just WOW!!! i hope you make more videos. youre the best.
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👏✌🙌🍻
Man, that's so good lessons. Thank you, and keep going please ♥
Thank you for teaching me💙
This was pretty fun and I learned a lot!
this is very helpful.. for beginners like me.. thanks man! very much appreciate your work👏
First time to your channel, learnt few skills and filled with positivity... Thanks for the video bro... Will follow-up more!
Really very helpful for anyone one who is starting Figma to design first time.
Very calmy explained and straight forward. Good job!
Can't wait to finish my work day to watch this :) I just started fiddling with Figma and I must say I'm having a blast.
so fun
1st tutorial that I finished because it is easy and I learned a lot. Thank you po
Man i waste my days of in work watching your videos ! Hah ! I would love more JS for beginner's and keep going with the good stuff ! :)
It's not a waste if you're learning! :)
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
its really good, I learned a lot. thanks and keep making these type of videos.
Great Tutorial! Now I can work on my project!
Just finished this project and it took me around 2 hours 😅 but I am happy now 😁
thank yu so much for this, i was able to understand most of figma because of your video
Best video, I learned a lot about Figma. It's very easy to use it.
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.
Thanks for bringing us to the process, really helps!
Very very helpful. I successfully replicated your design. thanks for putting out this video.
So much easier than wordpress, I haven't used wordpress but I've seen tutorials, it looks very complicated.
Good job dude. Nice simple design and a good basic overview of Figma.