How to Build an Impressive Animated Website From Scratch Using Figma and Webflow (Beginner's Guide)

The Figma file and assets: https://drive.google.com/drive/folder...


The google fonts guide: https://drive.google.com/drive/folder...

In this one-hour tutorial, we'll learn how to design and build a two-section animated website using Figma and Webflow. We'll start by creating and prototyping the design in Figma, where you'll learn about a feature called Auto Layout that makes it easy to turn your design into a real website. You'll also learn how to create versions for mobile and tablet, and how to add animations in Webflow. By the end, you'll have the skills to create impressive designs and a solid foundation in using Figma and Webflow for web design.

Chapters
0:00 Intro
0:40 Chapter One: Desktop Design & Animations
12:50 Chapter Two: Auto Layout Function and Webflow
31:00 Chapter Three: Tablet & Mobile Designs
46:44 Chapter Four: Importing Mobile & Tablet Designs to Webflow
55:38 Chapter Five: Animations in Webflow
1:06:58 Outro