Skip to content
Chapter 01 of 05 · 2 lessons · ~18 min

Getting Started With Webflow

Create your first Webflow project, publish it and learn the Designer's panels and tools.

YOUR PROGRESS0%
/ Lessons in this chapter
01
Webflow Tutorial for Beginners How to create a Webflow site, build and style your first section and publish it. Coming soon
02
Webflow Designer Interface Tour Where everything is in the Webflow Designer and how the left and right panels work together. Coming soon

Chapter practice task

Task: Create a project, build a simple hero and publish it to webflow.io

  1. Create a blank Webflow site.
  2. Add a section, a container, a heading, a paragraph and a button.
  3. Give each element a class and style it.
  4. Publish to the free webflow.io domain and open it on your phone.

By the end of this chapter

  • You have a Webflow project you can publish
  • You know every main panel in the Designer
  • You understand that Webflow builds real HTML and CSS

Quick answers for this chapter

What’s the difference between the Designer and the Editor?

The Designer is where you build structure and styles. Content editing (for you or clients) happens in an editing mode with fewer controls, so clients can’t break the design.

Should I start from a template?

Templates are great for studying good structure. For learning, start blank so you understand every element.

Can I use Webflow on a tablet?

Webflow works best on a desktop or laptop with a large screen.