Figma tutorial for Beginners: Complete Website from Start to Finish

By - Flux Academy
Overview
Practice
Certification
Reminders

Description

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

Chapters

Introduction
Introduction
1 min
Figma interface overview
Figma interface overview
3 min
Page & grid setup
Page & grid setup
5 min
Designing the hero & navigation
Designing the hero & navigation
11 min
Creating the background effect
Creating the background effect
3 min
Building the content section
Building the content section
5 min
Masking & blend modes
Masking & blend modes
5 min
Using Gradients
Using Gradients
2 min
Building the footer
Building the footer
1 min
Designing a form
Designing a form
1 min
Next steps
Next steps
1 min
āš”ļø AI Mentor