New
University

Learn SystemFlow

Watch a complete guide for our framework for Figma and Webflow. Learn how to use the docs, components, styles and more!

Introduction

1:00
Course Introduction
Course Introduction
9:53
Documentation
Documentation
4:50
Customize Page
Customize Page
9:53
Requesting Access to SystemFlow
Requesting Access to SystemFlow

SystemFlow for Webflow

9:59
Webflow Components
Webflow Components
12:31
Working with Classes
Working with Classes
10:32
Typography
Typography
9:53
Typography Units
Typography Units
11:05
Colors
Colors
9:43
Working with Icons
Working with Icons
11:37
Margins and Paddings
Margins and Paddings
10:29
Buttons
Buttons
5:23
Working with Different Versions
Working with Different Versions

Live Components

7:39
Introduction to Live Components
Introduction to Live Components
6:08
Countdown
Countdown
4:28
Temporal
Temporal
6:35
Cookie Notifications
Cookie Notifications
5:10
Confetti Popper
Confetti Popper
5:34
Text Replace
Text Replace
6:45
Form Components
Form Components
1:50
Countup
Countup
5:48
Card search and filters
Card search and filters

SystemFlow for Figma

3:58
Introduction to Figma
Introduction to Figma
6:01
Auto Layout
Auto Layout
6:03
Variants
Variants
7:58
Figma Components
Figma Components
6:24
Styles and Tokens
Styles and Tokens
12:33
From Figma to Webflow
From Figma to Webflow

Showcase

29:01
SystemFlow for Figma Showcase
SystemFlow for Figma Showcase
38:49
SystemFlow Showcase
SystemFlow Showcase

Extra lessons

9:18
What's new in SystemFlow 1.3
What's new in SystemFlow 1.3

Ready to get in the flow?

Get SystemFlow