The Only Webflow Tutorial You Will Ever Need (FOR BEGINNERS)
277,308
Published 2021-03-08
In this webflow tutorial for beginners I will show you step by step how to use webflow to build and design your own website from scratch! [Complete Tutorial]
Website Assets to follow along ▶ bit.ly/3r7BpwH
⚒️ Best Online Marketing Tools:
meticsmedia.com/tools
🎓 Courses I Took and Recommend:
meticsmedia.com/courses
0:00 Intro
0:51 Getting Started on Webflow
3:50 Designer Interface Overview
8:28 Import Assets
9:03 Building a New Section
12:14 Layout Settings
13:11 Spacing
14:22 Editing Content & Typography
16:18 Classes
19:43 Changing Hover State
20:51 Editing Background
21:40 Adjusting Section Size
22:30 Adding a Nav Bar
26:14 Grid Layout
29:56 Prebuilt Layouts (e.g. Lightbox)
33:00 Hover Effects & Transition Settings
35:32 Creating a New Page
36:28 Symbols
38:34 Editing Nav Links
40:07 Animations
45:56 Breakpoints (Mobile Optimization)
50:17 Publishing (+Webflow Plans)
56:33 Project Settings
58:45 Asking For A LIKE :)
Webflow is an amazing website builder that allows you to create a dynamic website using a drag and drop page builder. In this webflow tutorial for beginners you'll learn all the basics of how to use webflow to build a custom professional website. You'll learn webflow quickly by watching and following along with this webflow tutorial.
#meticsmedia #webflow #webflowtutorial
-
The description of this video contains affiliate links, which means that if you buy one of the products that I recommend, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for your support
All Comments (21)
-
Hypothetically, what if you scrolled back up and redesigned the like button? (I think blue would look pretty good) > Website Assets to follow along: bit.ly/3r7BpwH > Use this link to support the channel: meticsmedia.com/webflow
-
Remember, you don't have to be good to get started but you have to get started if you ever want to get good. :)
-
Using Photoshop for 10 years, this feels like heaven to me lol
-
2 years later and you’re still helping us out🔥🔥Thanks for the straight forward and concise video. Your teaching skills is impeccable 💯👌🏾
-
Simon is a great tutor. He is easy to follow and speaks at a good pace for learning.
-
This was, hands down, maybe the best tutorial I have ever watched. So so informative and so easy to understand and follow along, somehow you have condensed hours of learning material into a simple video. Definitely not an easy job, thank you so so much!!
-
This tutorial is very comprehesive but easy to understand to jumpstart my work on Webflow! I'll be handling a Webflow-based website as my side job so this really helped me have a grasp on how to use it!! This is immensely useful! Thank you!!
-
I really love your presentation style and approach. Thank you so much for doing these presentations.
-
Thank you so much for this tutorial!! It's super detailed.
-
I’ve been delaying making my website for far too long, but decided to take the plunge and chose Webflow as it offered so much variety. Your video has really helped me to understand the fundamentals needed, and given me the confidence to build my website from scratch. Thanks, instant sub! :)
-
I appreciate this opportunity to learn. I have been stucked for a while now, this provides clearity
-
This is GENUINELY THE BEST WEBFLOW TUTORIAL! Thank you immensely for explaining each aspect so easily, and quickly. It simplified everything for me. I've looked at 8 other tutorials, and I was still 95% lost after watching hours of other tutorials (one tutorial was over 3 hours long). I learned everything I was looking for in your tutorial, and I'm at ease now, and I appreciate your gift for explaining and demonstrating things so perfectly.
-
This was super helpful, thank you so much! Followed along with this over a few days and have a great understanding of WebFlow now.
-
One of the best tutorials i have ever seen. Thank you.
-
This was super helpful! Thank you for doing this thorough tutorial
-
Great video! My first intro to Webflow. Really easy to follow along!
-
This is a great so far. I am only 18 minutes and I am feeling I am building something first before getting the complex stuff. Thank you and Greatjob!
-
This was super helpful and straight-forward. Thank you so much
-
Solid tutorial. Very clear and easy to follow. Well deserved sub
-
thats great ! Thank you so much. Waiting more web flow videos
