Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Figma to Webflow - Complete Website Tutorial

Flux Academy via YouTube

Overview

Learn to build a complete website tutorial by cloning a Figma project in Webflow. The course covers exporting from Figma, project setup, building sections and containers, creating a hero section, adding navigation, implementing background gradients, ensuring responsiveness, incorporating animations, structuring content sections, utilizing blend modes, and integrating a newsletter form. The teaching method involves a step-by-step tutorial format where learners can follow along. This course is intended for individuals interested in web design, specifically those looking to enhance their skills in using Figma and Webflow for website development.

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

Reviews

Start your review of Figma to Webflow - Complete Website Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.