Figma tutorial for Beginners: Complete Website from Start to Finish

📽️ CHAPTERS
00:00 - Introduction
01:00 - Figma interface overview
04:30 - Page & grid setup
09:30 - Designing the hero & navigation
21:20 - Creating the background effect
25:00 - Building the content section
30:50 - Masking & blend modes
36:30 - Using Gradients
39:00 - Building the footer
40:40 - Designing a form
42:00 - Next steps

⬇ If you would like to watch more Figma Tutorials, please let us know in the comments ⬇

📱 Find us on SOCIAL MEDIA

Thanks for watching our video!

#Figma #WebDesign #FluxAcademy

[hermesi]

Extremely beginner friendly, i can not express it how helpful and enjoyable this was for me. Thank you!

[AliSubhi-xsrn]

Probably the most beginner-friendly breakdown of Figma out there. Incredible work, Ran. Please keep the Figma uploads coming!

[ITSDAVRAZ]

I'm not a begginer but I can totally say that this tutorial has lots of very valued and essential tips and tricks to use figma in the easiest way possible! Thanks for sharing such knowledge.

[sudarshankj]

This was one of the best beginner tutorials I have ever seen. The design and the aesthetics of it were brilliant. Thank you for doing this.

[learningstuff]

Awesome tutorial. I needed a re-fresher on Figma after not using it for a while. Great lesson!

[iandemoura]

Thanks for this awesome tutorial Ran! I'm a graphic designer in Brazil, and even though my English is basic, your explanation and process are very smooth and easy to understand. Keep doing a good job!

[bluecherry-hart]

Recommended even if you know Figma's basics but not quite yet confident in your own skills. Excellent video and it is great practice! Thanks Ran and team *thumbs up* indeed

[Charlatan]

I have been using figma for a while now since I graduated from a full stack web dev bootcamp. And I am so happy I found this video cause now I realize how many things I was doing the wrong and hard way. Beautiful tutorial and walkthrough!

[iamdann]

straight to the point lesson, for free! your amazing Ran.

[KristinaDoko]

Thank you for your explanations!! Following you was so easy and I just finished my first design succesfully. Keep up the great work <3

[edgarperalta]

Been watching so many Figma Tutorial videos in the past but yours (Ran) stands out. Clear and no exaggeration. On top of everything-- the workflow is just so easy to follow. Thank you!

[CsGamiNG]

Currently the best channel in youtube for UI design!
Thank you Ran!

[TIKIYOGI]

Amazing tutorial even for a Figma user. Looking forward to many more tutorials. Keep up the great work! Cheers!

[lewis]

I really enjoyed the entire video so far. You are teaching us by having us build something. You're a really great teacher.

[blessdiana]

I love how you explain each step you made in this video, even a beginner like me can easily understand them. Great tutorial video

[matet]

This is amazing tutorial. Keep doing beginner-friendly videos. Greatly appreciate this, man. :)

[lionizeagency]

Great tutorial. Super clear, really nice breakdown of all the design elements & techniques.

[IsisAtena]

Amazing tutorial! I've just watched it, and I'm going to practice. Thanks a lot! I took a 2-week break from my studies because I could not find a good one, and here it is!

[agustinsanchez]

The best figma tutorial for a complete rookie I've seen. I managed to create my first design after watching the video. thank you!

[icequeen]

This is exactly what I was waiting for!!! So pumped to watch this and take notes 💪