SYGNAL UNIVERSITY

Learning Webflow

No items found.
Overview
Getting Started
Getting Started in Webflow
050
The Webflow Designer
Getting Around the Designer
100
The Site Starter Plan
101
Basic Site Building
Classes, Layouts & Styling
201
Learning Forms
202
Hidden v. Visibility
202
Basic Site Building
How Classes Work
202
Using Components ( aka. Symbols )
208
Backup & Restore
209
Conditional Visibility within Components
209
Webflow Subsystems
CMS, Ecommerce, Logic, & Memberships
500
Learning the CMS, Collection Lists & Collection Pages
14:00
501
Learning Webflow Ecommerce
502
Learning Webflow Memberships
503
Learning Webflow Logic
504
More
Online Resources
600
Extending Webflow
Multilingual Support
700
Going Beyond Webflow
Going Beyond Webflow
800
Tips for Advanced Webflow Projects
801
Webflow Naming & Design Frameworks
802
No items found.
How do you learn to build great sites in Webflow?

Here's my recommended learning progression for site design.

Importantly, this does not include all of the knowledge areas like SEO and SEM, which are separate tracks you'll want to invest time in for your public sites.

This course offers a suggestion of a general progression, and links to learning resources where possible.

Why is Webflow so Complex?

For new users, Webflow feels far more complex than learning other site builder tools like Wordpress, Wix, or Squarespace.

Joshua Sauder of Design DaVinci frames it well-

Webflow is built for designers, so it feels complex for the same reason photoshop does...

  • Webflow wants to make all of the layout & design capabilities directly accessible to you, rather than delegating that to template designers who make them for you.
  • Those abilities require that a large array of tools & options are exposed to the designer. The more capability you expose, the more UI/UX and learning is required to deliver that capability.
  • Webflow is also trying to expose and align with as much of the HTML5/CSS spec as possible, and leverage that without warping it, or making Webflow a "yoda tool"... something so complex very few can actually use it. But HTML & CSS have their own learning curve, and until you understand them, Webflow won't make much sense.
  • HTML & CSS standards have also changed substantially over the past nearly 30 years, which means you get all the choices.
  • > Take layouts as an example. Should you use relative, fixed, or absolute positioning? Should you use floats? What about flex boxes v. CSS grids? You get access to all of them, even though they have different histories and purposes.
  • > What measurement sizes should you use? Pixels? Ems? Rems? Suddenly you're deep in design theory.  

Overall Webflow does a great job at this, but at the beginning, it's a big lasagna of layers to digest and peel apart.

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.