🟢 New Update: Green template based on 1.1 version of SystemFlow is now available! Learn more in our Changelog.
University Beta

Welcome to the University!

From Webflow and SystemFlow basics to full-length deep dives into real life projects, some Tips & Tricks and much more. Our University in its full glory is coming soon!

Watch SystemFlow Preview
Video placeholder

Learn the basics

NEW
Tutorial Placeholder

SystemFlow 1.1 Showcase

Learn how to use SystemFlow 1.1 to build a simple website
Medium
38:48
Tutorial Placeholder
Updates

University Template - Quick Tour

A short overview of the new template based on SystemFlow
Easy
10:36
Tutorial Placeholder
Updates

SystemFlow 1.1 Update details

Learn what's new in SystemFlow
Easy
29:01
Tutorial Placeholder
Basics

SystemFlow for Figma Showcase

Learn how to use SystemFlow for Figma
Medium
29:01
Basics
Tutorial Placeholder

SystemFlow 1.0 Showcase

Learn what's inside and how to get started with SystemFlow
Medium
26:07
Basics
Tutorial Placeholder

Working with typography

Learn the text basics
Easy
10:43
Basics
Tutorial Placeholder

Working with colors

Learn about colors in SystemFlow
Easy
9:43
Basics
Tutorial Placeholder

Working with icons

Discover the magic of icons in SystemFlow
Easy
4:36

Speed up your design process

Product Tour
Showcase
University BETA
Docs
Changelog
Get SystemFlow
© x SystemFlow. All rights reserved.
SystemFlow - Designer-First utility Framework for Webflow and Figma | Product Hunt