Figma to Webflow - Complete Website Tutorial
Offered By: Flux Academy via YouTube
Course Description
Overview
Learn how to transform a Figma design into a fully functional Webflow website in this comprehensive tutorial. Follow along as the instructor guides you through the entire process, from exporting assets from Figma to setting up the project in Webflow. Master essential techniques such as creating sections and containers, building a responsive hero section, implementing navigation, applying background gradients, and ensuring responsiveness across devices. Discover how to add engaging animations, design content sections, utilize blend modes for visual interest, and integrate a newsletter form. Gain practical skills in web design and development while bridging the gap between design tools and website builders.
Syllabus
Introduction
- Exporting from Figma
- Project setup
-Section & Container setup
- Building the Hero
- Add Navigation
- Background Gradients
- Responsiveness
- Add animations
- Content sections
- Blend modes
- Newsletter form
Taught by
Flux Academy
Related Courses
Прототипирование и тестирование интерфейсаMoscow Institute of Physics and Technology via Coursera Build an E-commerce Dashboard with Figma
Coursera Project Network via Coursera Car Transport App in Figma
Coursera Project Network via Coursera Design and Develop a Website using Figma and CSS
Coursera Project Network via Coursera Learn Figma for Web Design, User Interface, UI UX in an hour
Udemy