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

Подписаться 28 тыс.

Просмотров 41 тыс.

50% 1

✨ 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.
💎 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.com/l/juquh
🔥 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

Опубликовано:

22 мар 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 104

@tabish344 2 месяца назад

inspirations are important when you start designing for products

@uxpeak 2 месяца назад

Definitely! 👍

@FeliciaOmotayo-ru8ni 3 месяца назад

So detailed! I love it😚

@uxpeak 3 месяца назад

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

@lenkakocisova133 3 месяца назад

Great tutorial! Thank you so much

@uxpeak 3 месяца назад

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

@ZKHAX 3 месяца назад

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

@uxpeak 3 месяца назад

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

@MissonBonicetpro 2 месяца назад

I learned a lot Thanks Uxpeak !

@uxpeak 2 месяца назад

:) So happy to hear that, thank you

@kjcao_ 3 месяца назад

this is so good!

@uxpeak 3 месяца назад

Thank you so much.

@abdullahbukhari8534 3 месяца назад

This is mind-blowing!!

@uxpeak 3 месяца назад

Thank you very much 💗

@arifnazar2547 14 дней назад

incredible. loved it

@uxpeak 12 дней назад

So happy to hear that :)

@avisionthroughchrist 2 месяца назад

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

@uxpeak 2 месяца назад

Thank you for such a nice comment :)

@miroslavak.3666 3 месяца назад

Veru useful tutorial, great work 👍

@uxpeak 3 месяца назад

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

@dominikd9436 3 месяца назад

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

@uxpeak 3 месяца назад

This is really lovely feedback, thank you

@dominikd9436 3 месяца назад

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

@alinalarybe3362 14 дней назад

Amazing Style ...just love it

@uxpeak 12 дней назад

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

3 месяца назад

This has helped me SO MUCH! 🥳

@uxpeak 3 месяца назад

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

3 месяца назад

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

@uxpeak 3 месяца назад

@ You are so kind! ❤

@Leochuks456 28 дней назад

Great video Best plugin for illustration

@uxpeak 26 дней назад

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

@user-wn1dc1fo5i 26 дней назад

its super cooool i love it

@uxpeak 25 дней назад

Ah, thank you :)

@UIdrafts 8 дней назад

thank you

@uxpeak 8 дней назад

You are welcome :)

@asmaahassan6628 3 месяца назад

Great work

@uxpeak 3 месяца назад

Thank you. :)

@morningquotesenergy 4 дня назад

Great tutorial for beginners ❤❤❤

@uxpeak День назад

Motivated to hear that :) Thank you for watching

@asadmarwat6724 10 дней назад

Thanks for creating such great video.

@uxpeak 8 дней назад

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

@junaidchauhan1216 3 месяца назад

Thanks for video

@uxpeak 3 месяца назад

Pleasure. Thank you for watching ❤

@aliakram1812 3 месяца назад

GREAT tutorial,i appreciate your hard work umaaah happy

@uxpeak 3 месяца назад

Thank you for your kind words :)

@aliakram1812 3 месяца назад

@@uxpeak 😘

@ioannisme7495 Месяц назад

beautiful❤

@uxpeak Месяц назад

Thank you very much :)

@user-qb1ut6mt1w 2 месяца назад

please upload more videos like this.....

@uxpeak Месяц назад

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

@suryatamil631 25 дней назад

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

@uxpeak 25 дней назад

Very happy to hear that :)

@uxpeak 25 дней назад

Thank you

@vibesescape5900 3 месяца назад

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

@uxpeak 3 месяца назад

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 3 месяца назад

thanks@@uxpeak

@RichardUmeh-cl6ie 2 месяца назад

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 2 месяца назад

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 2 месяца назад

@@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 Месяц назад

@@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 ☺️

@samueladeyeye3085 24 дня назад

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

@uxpeak 23 дня назад

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. :)

@jimarrafi5881 16 дней назад

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

@uxpeak 8 дней назад

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

@mkbusiness3561 Месяц назад

where do you find this mockup pleas

@uxpeak Месяц назад

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

@webapplicationsengineer 3 месяца назад

will I ever be this good 🤔

@uxpeak 3 месяца назад

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

@morshlab 3 месяца назад

last 10 min video blacked, no footage plz fix it

@uxpeak 3 месяца назад

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

@ad_mastermind1313 Месяц назад

Bro intro is beautiful how to create please asked me❤

@uxpeak Месяц назад

Thank you :) Appreciate it

@Bilalcodingstudio 27 дней назад

Please how can I download those image

@uxpeak 26 дней назад

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

@Web-ProFusion 3 месяца назад

Bro your intro is awesome how to create this please tell❤

@uxpeak 3 месяца назад

Thank you very much ❤We are happy to create a separate tutorial for that! :)

@Web-ProFusion 3 месяца назад

@@uxpeak yes bro please create full tutorial thank you❤️

@righttalks5386 Месяц назад

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 Месяц назад

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 Месяц назад

@@uxpeak yes

@uxpeak Месяц назад

@@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.

@rezaulkarimsajid007 3 месяца назад

amazing design. how to download the file?

@uxpeak 3 месяца назад

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

@lander18167 2 месяца назад

why the assets only imge? i cant find the logo

@uxpeak 2 месяца назад

Hi. Have you downloaded the asset from our gumroad link? It should not be just an image. :)

@chadgtr34 2 месяца назад

what about the mobile version?

@uxpeak 2 месяца назад

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 2 месяца назад

@@uxpeak can i sponsor the next video ?

@TinaTina-xz3mg 3 месяца назад

😍👍❤

@uxpeak 3 месяца назад

💗

@warehouse2c2 2 месяца назад

how we can find the resources images??

@uxpeak 2 месяца назад

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.

@hrazamemon4040 Месяц назад

How can you make slide show

@uxpeak Месяц назад

Might do another tutorial for it in the future.

@warehouse2c2 2 месяца назад

how we can find images ? tell me the websites

@uxpeak 2 месяца назад

Answered on your previous comment :)

@Bbx222 3 месяца назад

Says files failed to import why is that

@uxpeak 3 месяца назад

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 :)

@ad_mastermind1313 23 дня назад

bro this figma file not downloading please help

@uxpeak 23 дня назад

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

@alinalarybe3362 14 дней назад

But how I Get source files free of cost

@uxpeak 12 дней назад

uxpeak.gumroad.com/l/juquh use the link above and at the checkout enter 0$ :)