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

Figma to Webflow - Complete Website Tutorial


designvp
Subscribers

๐Ÿ“˜ Free e-book "The Blueprint For Insanely Successful Webflow Designers" ๐Ÿ‘‰ https://bit.ly/3wNZSN4

Learn Webflow the FAST way with our full Webflow Masterclass course ๐Ÿ‘‰ https://bit.ly/3VQJFys
Level up your web design skills in Figma with our course, Figma for Web Designers ๐Ÿ‘‰ https://bit.ly/46gcPvz

Build alongside Ran in Webflow by cloning the Figma project ๐Ÿ‘‰ https://bit.ly/3n7hcVs

๐Ÿ“ฝ๏ธ CHAPTERS
00:00 Introduction
01:05 - Exporting from Figma
01:50 - Project setup
04:00 -Section & Container setup
05:40 - Building the Hero
12:20 - Add Navigation
27:58 - Background Gradients
33:58 - Responsiveness
39:50 - Add animations
45:27 - Content sections
53:41 - Blend modes
01:05:41 - Newsletter form

โฌ‡ If you would like to watch more Figma and Webflow 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