Figma UI Design Tutorial: Make a Coffee Café Landing page
ฝัง
- เผยแพร่เมื่อ 20 ส.ค. 2024
- 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.
God bless, i have been using your landing page design to practice big time
Glad it was helpful!
Great video! The links provided made this easy to recreate with a bakery cafe too!
Glad it was helpful!
Nice
Thanks
very good pls always provide imges icons and fonts i'm your subscriber .
i love this
😍😍😍😍
so glad!
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
Sure
drive.google.com/drive/folders/1Et893L39hXHM5wNPPL1gd0ScKtmDKYkL?usp=sharing
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?
First, choose the main frame, and then multiply the height by 2.
Another way is to choose the main frame and drag it down while pressing control.
@@whitespacs hello sir, I have tried both methods but it still doesn't work. is there any other way?
@@henrasimanjuntak5920 You can share your figma file with me on my email.
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)
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.
My texts are not coming over the image, I did bring to front but I can't see them
I think the text is outside the main frame; check the left panel.
Great work, but you need to work on your typography, and button design. Your micro layouts needs some work.
Thank you for your feedback and i will certainly take it into consideration.
What typography scale do you use?
how do you cut that background pic in that types of texture
Download any custom-shaped images and make a mask with a background image.
images: drive.google.com/drive/folders/1Et893L39hXHM5wNPPL1gd0ScKtmDKYkL
Hi. Please what font was used ?
Yanone Kaffeesatz and Poppins
how to do that cuts in the bottom??
Download any custom-shaped images and make a mask with a rectangle to change colors.
images: drive.google.com/drive/folders/1Et893L39hXHM5wNPPL1gd0ScKtmDKYkL
How you added video ?
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.
Could you pls profide figma pro for free
Where did you get the images
freepik, Canva, pexels
Hi. Please what font was used ?
Yanone Kaffeesatz and Poppins
Hi. Please what font was used ?
Yanone Kaffeesatz and Poppins