New
Homepage
/
University
/
SystemFlow Showcase
Showcase

SystemFlow Showcase

Now that you know the basics, it's time to dive deep in creating an actual website using SystemFlow for Figma and Webflow. You'll see me going through the entire basic process of designing in Figma, then transferring tokens and assets to Webflow, and finally launching website. All in under 40 minutes!

chevron_left
Previous
Next
chevron_right

All lessons

Introduction
play_circle_outline
Course Introduction
1:00
play_circle_outline
Documentation
9:53
play_circle_outline
Customize Page
4:50
play_circle_outline
Requesting Access to SystemFlow
9:53
SystemFlow for Webflow
play_circle_outline
Webflow Components
9:59
play_circle_outline
Working with Classes
12:31
play_circle_outline
Typography
10:32
play_circle_outline
Typography Units
9:53
play_circle_outline
Colors
11:05
play_circle_outline
Working with Icons
9:43
play_circle_outline
Margins and Paddings
11:37
play_circle_outline
Buttons
10:29
play_circle_outline
Working with Different Versions
5:23
Live Components
play_circle_outline
Introduction to Live Components
7:39
play_circle_outline
Countdown
6:08
play_circle_outline
Temporal
4:28
play_circle_outline
Cookie Notifications
6:35
play_circle_outline
Confetti Popper
5:10
play_circle_outline
Text Replace
5:34
play_circle_outline
Form Components
6:45
play_circle_outline
Countup
1:50
play_circle_outline
Card search and filters
5:48
SystemFlow for Figma
play_circle_outline
Introduction to Figma
3:58
play_circle_outline
Auto Layout
6:01
play_circle_outline
Variants
6:03
play_circle_outline
Figma Components
7:58
play_circle_outline
Styles and Tokens
6:24
play_circle_outline
From Figma to Webflow
12:33
Showcase
play_circle_outline
SystemFlow for Figma Showcase
29:01
play_circle_outline
SystemFlow Showcase
38:49
Extra Lessons
play_circle_outline
What's new in SystemFlow 1.3
9:18

Ready to get in the flow?

Get SystemFlow