Getting started with Webflow

Login with your Webflow account to track your progress

Getting started with Webflow

Get familiar with Webflow’s website experience platform.

We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Welcome to Webflow! In this learning path, we’ll introduce you to all the things that make Webflow a unique, visual-first website experience platform. Whether you’re a designer, developer, marketer, or other Webflow champion, you’ll walk away with the foundations you need to start your journey.

Want to test your knowledge of Webflow foundations? Click Test your knowledge in the Assessments section of the course progress box on the right to access a quiz.

Table of contents

1

Introduction

Coming soon

1

Welcome & overview

Welcome & overview

Coming soon

2

Welcome to Webflow

Coming soon

2

Welcome to Webflow

Welcome to Webflow

Coming soon

2

What's behind Webflow

What's behind Webflow

Coming soon

2

Start learning Webflow

Start learning Webflow

Coming soon

2

Resources & activities

Resources & activities

Coming soon

3

Navigating Webflow

Coming soon

3

The Webflow Dashboard

The Webflow Dashboard

Coming soon

3

Intro to the Webflow UI

Intro to the Webflow UI

Coming soon

3

Resources & activities

Resources & activities

Coming soon

4

Collaborating in Webflow

Coming soon

4

Workspace seats & roles

Workspace seats & roles

Coming soon

4

Site roles in Webflow

Site roles in Webflow

Coming soon

4

Resources & activities

Resources & activities

Coming soon

5

Working with the Webflow CMS

Coming soon

5

Intro to the Webflow CMS

Intro to the Webflow CMS

Coming soon

5

Build, manage, & publish CMS content

Build, manage, & publish CMS content

Coming soon

5

Resources & activities

Resources & activities

Coming soon

6

Introduction to SEO & accessibility

Coming soon

6

SEO tools in Webflow

SEO tools in Webflow

Coming soon

6

Accessibility in Webflow

Accessibility in Webflow

Coming soon

6

Resources & activities

Resources & activities

Coming soon

7

Staging & publishing your site

Coming soon

7

Publishing to staging & production

Publishing to staging & production

Coming soon

7

Resources & activities

Resources & activities

Coming soon

8

Closing

Coming soon

8

Review & wrap up

Review & wrap up

Coming soon

Progress

0%

Details

Beginner

1h 1m

20

Lessons

Assets & links

Assessment

Test your knowledge

Continue learning

Web animations with After Effects & Lottie

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

Webflow 101

Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

21-day design portfolio course

Build and visually design a full portfolio website within the span of 21 days.

Freelance web design boot camp

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

Ultimate web design course

From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.

Localize your site in Webflow

Learn how to localize a site for different languages and regions. Translate text, customize and manage content, and optimize SEO settings, so your site reaches a wider audience.

Landing page generator for Ryan Reynolds

Learn how to build a dynamic landing page generator in under 30 minutes.

CSS styling

Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.

Web elements

A comprehensive look at the building blocks and elements Webflow puts at your fingertips — start designing websites visually, with confidence.

CSS layout & positioning

Dig into the world of HTML and CSS layouts — learn how they work together and get an overview of display properties like inline block and flexbox.

Accessibility on the web

Learn about accessibility on the web and how to create inclusive and accessible sites without writing code.

Client's guide to the Editor

This is the Client's guide to the Webflow Editor. Share these lessons to get your clients up and running.

Manage dynamic content with the Webflow CMS

Learn how to create, manage, and display dynamic content across your site using the Webflow CMS.

Full site build

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.

Welcome to Optimize

Learn how to use Webflow Optimize to improve your site's conversion rate using testing, personalization, and the power of AI.

Webflow Ecommerce

Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.

Moving your business online

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

CSS grid in Webflow

An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.

Welcome to Webflow

Discover what Webflow offers, how it works behind-the-scenes, and tips and tricks for starting your learning journey.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.