Figma UI Design Tutorial: Make a Coffee Café Landing page

Подписаться 1,7 тыс.

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

50% 1

In this tutorial, I have designed (Coffee Café) Landing page and how to add our ideas in designs using Figma software, please comment if any suggestions
Download Design Reference: bit.ly/3Mxj4Tw
🛠Free resources mentioned in this video:
1️⃣ Figma website - www.figma.com/
2️⃣ Free Figma icons - www.figma.com/....
3️⃣ Pexels (Free images) - pexels.com/
4️⃣ Storyset (Free vectors) - storyset.com/
Music I use: www.bensound.com
License code: MLVHPXIUU4M18IWT
-
Thanks for watching!
----
#Figma #FigmaTutorial #uxdesign #whitespacs #coffee
Copy Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for 'Fair Use'
for purposes such as criticism, comment, news reporting, teaching, scholarship and research, Non-profit, educational or personal use tips the balance in favor of fair use.

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

25 окт 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@ideatechgraphics 8 месяцев назад

God bless, i have been using your landing page design to practice big time

@whitespacs 8 месяцев назад

Glad it was helpful!

@jyliansmm 9 месяцев назад

Great video! The links provided made this easy to recreate with a bakery cafe too!

@whitespacs 9 месяцев назад

Glad it was helpful!

@BiltronV 8 месяцев назад

Nice

@whitespacs 8 месяцев назад

Thanks

@mdgolamrabby156 10 месяцев назад

very good pls always provide imges icons and fonts i'm your subscriber .

@hazelkenro 20 дней назад

where did you get the pictures? I need that one also

@sinanshakeri-mp7cd Год назад

i love this 😍😍😍😍

@whitespacs Год назад

so glad!

@qara8811 Год назад

So that we can get the exact resources. With the links provided, we would have to go look for the resources and that will be difficult finding

@whitespacs Год назад

Sure drive.google.com/drive/folders/1Et893L39hXHM5wNPPL1gd0ScKtmDKYkL?usp=sharing

@sweetybindu2239 Год назад

Hello sir/madam I'm becoming better at design because of your videos. If possible can you please make a video on photoshop because how to make that background image shape (Curves)

@whitespacs Год назад

Thankyou. I am glad to hear that. You can use any custom shape PNG images and mask it in Figma with rectangle and change the color of your choice.

@mirkomihailo8298 4 месяца назад

What typography scale do you use?

@henrasimanjuntak5920 Год назад

I changed it to 1080*2 like in the 06.20 minute video and I ran the results which were huge. why is that please?

@whitespacs Год назад

First, choose the main frame, and then multiply the height by 2.

@whitespacs Год назад

Another way is to choose the main frame and drag it down while pressing control.

@henrasimanjuntak5920 Год назад

@@whitespacs hello sir, I have tried both methods but it still doesn't work. is there any other way?

@whitespacs Год назад

@@henrasimanjuntak5920 You can share your figma file with me on my email.

@ObodoEmmanuella Год назад

Hi. Please what font was used ?

@whitespacs Год назад

Yanone Kaffeesatz and Poppins

@sonamtamang4154 Год назад

how do you cut that background pic in that types of texture

@whitespacs Год назад

Download any custom-shaped images and make a mask with a background image. images: drive.google.com/drive/folders/1Et893L39hXHM5wNPPL1gd0ScKtmDKYkL

@ankitapandey-oi1hm Год назад

My texts are not coming over the image, I did bring to front but I can't see them

@whitespacs Год назад

I think the text is outside the main frame; check the left panel.

@maha2531 Год назад

how to do that cuts in the bottom??

@whitespacs Год назад

Download any custom-shaped images and make a mask with a rectangle to change colors. images: drive.google.com/drive/folders/1Et893L39hXHM5wNPPL1gd0ScKtmDKYkL

@nathan-sg7cu 11 месяцев назад

Great work, but you need to work on your typography, and button design. Your micro layouts needs some work.

@whitespacs 11 месяцев назад

Thank you for your feedback and i will certainly take it into consideration.

@STOIC-w7j Год назад

How you added video ?

@whitespacs Год назад

This features is available in professional and higher plans, however you can use GIF in the starter plan by converting your video to GIF and importing the GIF file.

@mdgolamrabby156 10 месяцев назад

Could you pls profide figma pro for free