Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Figma tutorial for Beginners: Complete Website from Start to Finish

Flux Academy
1.01M subscribers
2.8M views 3 years ago #Figma #WebDesign #FluxAcademy
Here in 2025? Check out our most up to date Figma crash course 👉    • Figma Crash Course 2025: Responsive Websit...   FREE TRAINING: 3 Steps to Build a Thriving Web Design Career 👉 https://bit.ly/3Tiua2G - Build alongside Ran by downloading the starter file here 👉 https://bit.ly/figma_tutorial Need a new Figma account? - https://psxid.figma.com/s8z3306bhq0h See part 2 on how to build this site with Webflow:    • Figma to Webflow - Complete Website Tutorial   📽️ 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 🎨 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 👉   / flux.academy   Ran's Instagram 👉   / ransegall   Thanks for watching our video! #Figma #WebDesign #FluxAcademy ...more
...more
Figma tutorial for Beginners: Complete Website from Start to Finish
61KLikes
2,866,341Views
2022May 20
Here in 2025? Check out our most up to date Figma crash course 👉    • Figma Crash Course 2025: Responsive Websit...   FREE TRAINING: 3 Steps to Build a Thriving Web Design Career 👉 https://bit.ly/3Tiua2G - Build alongside Ran by downloading the starter file here 👉 https://bit.ly/figma_tutorial Need a new Figma account? - https://psxid.figma.com/s8z3306bhq0h See part 2 on how to build this site with Webflow:    • Figma to Webflow - Complete Website Tutorial   📽️ 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 🎨 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 👉   / flux.academy   Ran's Instagram 👉   / ransegall   Thanks for watching our video! #Figma #WebDesign #FluxAcademy

Follow along using the transcript.

Flux Academy

1.01M subscribers