2 Viewsยท 12/05/24ยท Tutorials

Figma tutorial for Beginners: Complete Website from Start to Finish


designvp
Subscribers

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

Show more

Up next


0 Comments