Learning resources for Webflow for Classroom

If you’re an educator teaching with Webflow, or a student learning a new tool, here’s some resources that’ll help you on your journey.

No items found.

Webflow for Classroom is our program that gives students and educators free Webflow plans so that they can put learning, and teaching first.

We want to help you on your learning journey, so we’ve put together Webflow University resources, blog posts, and ebooks that will help and guide you– wherever you’re at.  

Webflow University 

With Webflow University, you’ve got everything you need to learn web design and development – visually. Check out the most popular resources for educators and students below to get started! 

Webflow 101 crash course 

Get an overview of Webflow basics and get started on building your first website, without learning or writing code.

21-day portfolio course 

Learn how to build and visually design a full portfolio website in just 21 days.

Web animations with After Effects & Lottie 

Create animations in Adobe After Effects — the industry standard for motion graphics — and learn how you can embed and animate them in your Webflow site.

Figma to Webflow 

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

Blog posts 

Our blog covers any and all design related topics – ranging from tips on accessibility, design deep-dives, recommended tools, and much, much more. We’ve collected some of our favorites for educators and students below. Give ‘em a read, and get some inspiration for your next project. 

9 great student portfolios from recent graduates

Check out some of our favorite portfolios from May 2022 graduates — we hope they inspire you as much as they’ve inspired us. 

What is graphic design? With examples for beginners 

What is graphic design? This beginner’s guide walks you through the ins and outs of graphic design and shares examples.

Why we’re due for a Dadaism comeback

Dive deep into this eclectic design style, its history, and why it might be on the rise once again.

10 women creatives who inspire women at Webflow

A collection of women in creative fields whose styles and accomplishments inspire women at Webflow.

5 ways content can improve your websites’ accessibility – and overall UX 

Find out how a few simple content changes can dramatically improve your websites' overall usability — for everyone.

Made in Webflow 

Made in Webflow is an amazing resource for educators who want to show students exactly how animations or interactions have been built in Webflow.

To clone a website, visit Made in Webflow, hit the “cloneable sites only” toggle, and browse to your heart’s content! 

Open any cloneable website in the Designer, and work backwards to get a better understanding of how a specific scroll animation is done, what triggers a certain interaction, or how to get that sticky nav to stick. 


These 2 ebooks have been used by educators using Webflow in their classrooms as recommended course reading. 

The modern web design process

Learn how a well-defined process translates to high-performing websites.

The no-code revolution

Learn what the no-code movement means for the future of makers and businesses. 

Need some help or want to get started? 

If you need some extra assistance, our support team is here to help! Reach out with your questions, or post it on the Forum. And if you want to get started on your own free student or educator plan, click here

Webflow is free for students and educators

Students, jumpstart your portfolio and your career with a free annual CMS site plan. Educators, get a free workspace plan to teach Webflow in your classroom.

Subscribe to be a Webflow Insider
Thank you! You are now subscribed!
Oops! Something went wrong while subscribing.
Apply for student discount


July 6, 2022



Join the conversation

What's Webflow?

Try it for free
More about the Designer


The power of CSS, HTML, and JavaScript in a visual canvas.


Build website interactions and animations visually.

More about Interactions


Define your own content structure, and design with real data.

More about the CMS


Goodbye templates and code — design your store visually.

More about Ecommerce


Edit and update site content right on the page.

More about the Editor


Set up lightning-fast managed hosting in just a few clicks.

More about Hosting