Learn Design Systems in the most practical way ever!

Learn Design Systems

in the most practical way ever!

Introducing the
Super Ultimate Guide
to Design Systems

With over 30+ videos, learn to create Industry-standard Design Systems like a Pro through a practical and realistic approach!

Getting started with the Super Ultimate Guide to Design Systems

01

Super Pro Tips and Tricks in Figma

02

Difference between Atoms and Patterns

03

Creating Icons and the Icon Atom

04

Analysing Icon Buttons

05

Creating Icon Buttons

06

Creating the Nav Bar

07

Ultimate Guide to Figma Variables and Design Tokens

08

Creating a Neutral Color Palette

09

Creating Color Tokens using Figma Variables

10

Set up Dark Mode Color Tokens

11

How to think like a Developer with DevMode

12

Part 1 - Create the Top Hero Card

13

Part 2 - Create the Top Hero Card

14

Create Spacing and Radius Tokens

15

The Ultimate Guide to Typography

16

Creating the Label Atom

17

Creating the Title Card

18

Creating a Color Palette for Brand Colors

19

Creating the Avatar Component

20

Creating Titles

21

Creating List Items

22

Creating Table Items

23

Creating Buttons

24

Creating the List Button

25

Creating Info Cards

26

Creating the Button Dock

27

Creating the Map Card

28

Creating the Image Gallery

29

Creating the Text Block

30

Creating Cards

31

Creating Card Carousals

32

Creating the Profile Card

33

Polishing the Screens

34

Defining the Component States