Introduction

Figma interface overview

Page & grid setup

Designing the hero & navigation

Creating the background effect

Building the content section

Masking & blend modes

Using Gradients

Building the footer

Designing a form

Next steps

Flux Academy

Build alongside Ran by downloading the starter file here 👉  https://bit.ly/figma_tutorial

Check out our brand-new Figma for Web Designers course with @MaddyBeard: https://bit.ly/figma_course

Need a new Figma account? - https://psxid.figma.com/s8z3306bhq0h

See part 2 on how to build this site with Webflow: https://youtu.be/JnwATqjYohI

📽️ 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 ⬇

Don't forget to subscribe to our channel for more Design Content. Click here 👉 https://bit.ly/33byV7L

🎨 Learn the Art & Business of Web Design. Check out all our courses  👉 https://bit.ly/3jMxocU

📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 https://www.instagram.com/flux.academy/
Ran's Instagram 👉 https://www.instagram.com/ransegall/

Thanks for watching our video!

#Figma #WebDesign #FluxAcademy

Figma tutorial for Beginners: Complete Website from Start to Finish

Figma tutorial for Beginners: Complete Website from Start to Finish

Figma tutorial for Beginners: Complete Website from Start to Finish

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path