UX/UI Design Tutorial in Figma - Design Modern Website from Scratch

No video

UX/UI Design Tutorial in Figma - Design Modern Website from Scratch

Рет қаралды 68,777

Күн бұрын

✨ Join our UX/UI Design Mastery Course with the exclusive, time-limited code "PRIDE50" to get 50% off. This offer is available for a limited time for a few students only.
Learn how to design a beautiful website for a music streaming platform using FIGMA through a step-by-step tutorial.
This tutorial is part of our UX/UI Design Mastery Course, which includes numerous UI design tutorials, UI tips & tricks, and special UI design resources.
🚀 Become affiliate and earn commission: uxpeak.lemonsq...
💎 UX/UI Design Mastery course: www.uxpeak.com
✨ UI/UX Playbook: www.uxpeak.com/the-ui-ux-playbook
🎁 Don't forget to grab the free Figma source file: uxpeak.gumroad...
🔥 List of free UI design resources: www.uxpeak.com/resources
We are eager to see your creations. Simply share it on social media and tag us in the post, so we can see your awesome work. The one that we will like the most, will be featured on our social media.
#uidesign #webdesign #uxdesign #FIgma #uxuidesign

Пікірлер: 133

@tabish344 3 ай бұрын

inspirations are important when you start designing for products

@uxpeak 3 ай бұрын

Definitely! 👍

@shamshadkhan3088 12 күн бұрын

Thanks a lot, I'm new to design and have learned a lot from this video.

@uxpeak 11 күн бұрын

Ah, we are so happy to hear that :)

@alinalarybe3362 Ай бұрын

Amazing Style ...just love it

@uxpeak Ай бұрын

Oh, made our day. :) Glad that you enjoyed it

@ZKHAX 4 ай бұрын

Unbelievable, i really appreciate your hard work and Tqsmmmm😍🙌🔥

@uxpeak 4 ай бұрын

Thank you very much for such a nice comment ❤It made our day.

@avisionthroughchrist 3 ай бұрын

This is such a remarkable tutorial! What a beautiful site Thank you so much for sharing 🙏☀️

@uxpeak 3 ай бұрын

Thank you for such a nice comment :)

@FeliciaOmotayo-ru8ni 4 ай бұрын

So detailed! I love it😚

@uxpeak 4 ай бұрын

Thank you. We are super happy to hear that you like it :)

@lastspoil5547 23 күн бұрын

Should I learn Figma before taking this tutorial? Also, how may hours is the complete UX/UI course you offer on your website?

@dominikd9436 4 ай бұрын

Love this tutorial 😍😍 This is exactly what I was looking for. Thank you uxpeak. I love you

@uxpeak 4 ай бұрын

This is really lovely feedback, thank you

@dominikd9436 4 ай бұрын

You are welcome, more like these please. I've joined the course as well and loving it. @@uxpeak

@SaimorAlam Ай бұрын

Informative and awesome work ❤

@uxpeak Ай бұрын

We appreciate your positive feedback :)

@mayureekoay6558 Ай бұрын

Thanks a lot for this great video, it's very helpful!

@uxpeak Ай бұрын

Very happy to hear that :)

@lenkakocisova133 4 ай бұрын

Great tutorial! Thank you so much

@uxpeak 4 ай бұрын

Thank you very much :) We are really happy to hear that!

@arifnazar2547 Ай бұрын

incredible. loved it

@uxpeak Ай бұрын

So happy to hear that :)

@MissonBonicetpro 3 ай бұрын

I learned a lot Thanks Uxpeak !

@uxpeak 3 ай бұрын

:) So happy to hear that, thank you

@morningquotesenergy Ай бұрын

Great tutorial for beginners ❤❤❤

@uxpeak Ай бұрын

Motivated to hear that :) Thank you for watching

@abdullahbukhari8534 4 ай бұрын

This is mind-blowing!!

@uxpeak 4 ай бұрын

Thank you very much 💗

4 ай бұрын

This has helped me SO MUCH! 🥳

@uxpeak 4 ай бұрын

Oh, thank you for your lovely comment Vivian! Really appreciate it! :) More exciting tutorials coming soon!

4 ай бұрын

@@uxpeak no, thank YOU for the time and effort you put on this. It is very much appreciated 💜

@uxpeak 4 ай бұрын

@ You are so kind! ❤

@Leochuks456 2 ай бұрын

Great video Best plugin for illustration

@uxpeak 2 ай бұрын

Thank you. Happy to hear that you enjoyed it :)

@suryatamil631 2 ай бұрын

Nice one. I gained a lot tricks and design knowledge😍

@uxpeak 2 ай бұрын

Very happy to hear that :)

@uxpeak 2 ай бұрын

Thank you

@kjcao_ 4 ай бұрын

this is so good!

@uxpeak 4 ай бұрын

Thank you so much.

@asadmarwat6724 Ай бұрын

Thanks for creating such great video.

@uxpeak Ай бұрын

Great to hear that you enjoyed it. Thank you for watching.

@Anushkai1 10 күн бұрын

Super❤

@uxpeak 10 күн бұрын

Glad that you liked it :)

@miroslavak.3666 4 ай бұрын

Veru useful tutorial, great work 👍

@uxpeak 4 ай бұрын

Thank you very much. We are very happy to hear that :)

@aliakram1812 4 ай бұрын

GREAT tutorial,i appreciate your hard work umaaah happy

@uxpeak 4 ай бұрын

Thank you for your kind words :)

@aliakram1812 4 ай бұрын

@@uxpeak 😘

@user-wn1dc1fo5i 2 ай бұрын

its super cooool i love it

@uxpeak 2 ай бұрын

Ah, thank you :)

@DashingChannel 27 күн бұрын

Amazing content

@uxpeak 27 күн бұрын

Glad that you liked it :)

@aamirnaseem5672 11 күн бұрын

Excellent sir please launch UX UI course

@uxpeak 10 күн бұрын

Glad that you like it :) The course is already available. You can learn more about it at www.uxpeak.com

@user-qb1ut6mt1w 3 ай бұрын

please upload more videos like this.....

@uxpeak 3 ай бұрын

Thank you. Let us know what specific video would you like to see next and we can make it happen :)

@asmaahassan6628 4 ай бұрын

Great work

@uxpeak 4 ай бұрын

Thank you. :)

@UIdrafts Ай бұрын

thank you

@uxpeak Ай бұрын

You are welcome :)

@morshlab 4 ай бұрын

last 10 min video blacked, no footage plz fix it

@uxpeak 4 ай бұрын

Thank you for pointing it out. We are on it and it will be fixed soon :)

@ioannisme7495 2 ай бұрын

beautiful❤

@uxpeak 2 ай бұрын

Thank you very much :)

@RichardUmeh-cl6ie 3 ай бұрын

This video has been so helpful, Thank you very much I'll like to remake the design in my own creativity Where can i upload it when am done, so that you can see my creation?

@uxpeak 3 ай бұрын

Hi Richard. Super happy to hear that you found the video helpful. We would definitely love to see your creation. Send us an e-mail at support@uxpeak.com :)

@RichardUmeh-cl6ie 3 ай бұрын

@@uxpeak Thank you so Much😊 I truly am grateful, God bless you🙏🏻 I'll notify you right away once am done I'm so excited 🤭

@RichardUmeh-cl6ie 2 ай бұрын

@@uxpeakHi UxPeak I've completed my Redesign and just sent you an email with the details I'll love to hear your feedback & thoughts on my work Looking forward to your response ☺️

@junaidchauhan1216 4 ай бұрын

Thanks for video

@uxpeak 4 ай бұрын

Pleasure. Thank you for watching ❤

@webapplicationsengineer 4 ай бұрын

will I ever be this good 🤔

@uxpeak 4 ай бұрын

Oh, thank you. Definitely, everything can be learned. :) You just need to want it enough.

@MdSihab-vw4un Ай бұрын

thank you so much sir, i love it

@uxpeak Ай бұрын

We are very happy to hear it :) Thank you for watching.

@mirutza21 11 күн бұрын

What is the difference between Premium and VIP course? Thanks!

@uxpeak 11 күн бұрын

Hi. Thank you for your interest in the UX/UI Design Mastery Course. The main difference is that in the VIP package you will receive customised feedback from one of our senior product designers with 5 plus years of experience on projects you complete in the course, plus your portfolio.

@samueladeyeye3085 2 ай бұрын

Nice tutorials @uxpeak I'm unable to download the source file from the link you dropped. Would you mind sending to me? Thanks

@uxpeak 2 ай бұрын

Thank you. Happy to hear that you like our tutorials. Write us through live chat at www.uxpeak.com and we will do our best to help you with this. :)

@SUGAYOSHIHIDE99DAIME 14 күн бұрын

Can I do something similar in the figma app version?

@uxpeak 14 күн бұрын

Yes, this tutorial was done in Figma :)

@heidar_dev Ай бұрын

great

@uxpeak Ай бұрын

Thank you 🙂

@Bbx222 4 ай бұрын

Says files failed to import why is that

@uxpeak 4 ай бұрын

Hi! It's Amanda here, and I'm happy to help with that. You'll need to download it and then upload it to the Figma files. While uploading, please wait until the upload is complete. It's quite a large file, so it can take some time. Ensure you have a good internet connection when doing so. If you are still having problems feel free to reach out through the live chat on our website www.uxpeak.com. I hope you will be able to import it :)

@anyahiya4669 Ай бұрын

recommend it

@uxpeak Ай бұрын

Thank you very much :)

@anyahiya4669 Ай бұрын

@@uxpeak delighted to hear

@ad_mastermind1313 2 ай бұрын

Bro intro is beautiful how to create please asked me❤

@uxpeak 2 ай бұрын

Thank you :) Appreciate it

@vibesescape5900 4 ай бұрын

This looks amazing. Is there a plugin to convert this into HTML CSS code?

@uxpeak 4 ай бұрын

Thank you very much. Yes, there are many plugins for that. Have a look here: www.figma.com/community/tag/css/plugins. Hope this helps :)

@vibesescape5900 4 ай бұрын

thanks@@uxpeak

@chadgtr34 3 ай бұрын

what about the mobile version?

@uxpeak 3 ай бұрын

In this video we haven't focused on the mobile version, but when designing a website you want to make sure that you design mobile version too! :)

@chadgtr34 3 ай бұрын

@@uxpeak can i sponsor the next video ?

@jimarrafi5881 Ай бұрын

How did you make this intro? Which software or website you used ?

@uxpeak Ай бұрын

We used Adobe After Effects and Adobe Premiere Pro + some paid templates from the Envato. Hope this information helps :)

@mkbusiness3561 3 ай бұрын

where do you find this mockup pleas

@uxpeak 3 ай бұрын

Hi. You can find it here uxpeak.gumroad.com/l/juquh

@hrazamemon4040 2 ай бұрын

How can you make slide show

@uxpeak 2 ай бұрын

Might do another tutorial for it in the future.

@rezaulkarimsajid007 4 ай бұрын

amazing design. how to download the file?

@uxpeak 4 ай бұрын

Hi, thank you. We are super happy to hear that. You can download the file here: uxpeak.gumroad.com/l/juquh

@warehouse2c2 3 ай бұрын

how we can find images ? tell me the websites

@uxpeak 3 ай бұрын

Answered on your previous comment :)

@warehouse2c2 3 ай бұрын

how we can find the resources images??

@uxpeak 3 ай бұрын

You can find the source file to this project here: uxpeak.gumroad.com/l/juquh. Once you download the file you can find links to images used :) Hope this helps.

@Bilalcodingstudio 2 ай бұрын

Please how can I download those image

@uxpeak 2 ай бұрын

Hi. You can download the free source file here :) uxpeak.gumroad.com/l/juquh

@ad_mastermind1313 2 ай бұрын

bro this figma file not downloading please help

@uxpeak 2 ай бұрын

Hi. Write us through live chat at www.uxpeak.com and we will do our best to help you with this.

@righttalks5386 3 ай бұрын

I am unable to download this figma file due to location issue and it shows message of "sorry, this item is not available in your location". So kindly share the figma link of this design.

@uxpeak 2 ай бұрын

Ah sorry to hear that you are having issues with it. Have you tried to download it from this place? uxpeak.gumroad.com/l/juquh

@righttalks5386 2 ай бұрын

@@uxpeak yes

@uxpeak 2 ай бұрын

@@righttalks5386 We see. We would love to help you with that. One thing you could try that could work for you is to use a VPN when downloading the file, if it is a location issue.