A Beginner's Guide to Webflow (2020 Edition)

Learn Webflow by changing small projects and explaining what changed. A finished practice page teaches more than another saved tutorial.

Edit a template

Open a practice template and change its spacing, text, and images. Keep a copy before editing. Your exercise is to rebuild one section with your own content. Check it at desktop and phone widths.

Follow a structured course

Use Webflow University to learn layout and CMS basics. The original recording mentions a Custom Portfolio course. Course names and availability may change. Your exercise is to build a portfolio page without copying every tutorial click. Write down which concepts you still cannot explain.

Study published examples

Explore Made in Webflow for layout ideas and available cloneable projects. Inspect spacing, hierarchy, and mobile behavior. A visual effect is useful only when it supports the page. Your exercise is to recreate one card from a reference using your own text.

Clone a project you can inspect

Choose a project with cloning enabled. Check its reuse terms before using assets in public work. Change one component and inspect how its classes affect other pages. Then improve your Webflow building process with reusable classes and a simple page plan.

The original chapters cover templates at 01:05, portfolio learning at 03:32, examples at 06:06, and cloning at 07:54. Choose one exercise and finish it before starting another.

Once the layout works, practice adding dynamic content to use the Webflow CMS more effectively.

Original video

Watch the original video on A Beginner's Guide to Webflow (2020 Edition).