Videos

Dig deeper into the Figma File to view all the iterations, design system and practice assignments.

01

Reviewing the Design of Fold Money's Web App

02

Practice Assignments: Put your learnings to the test

03

Difference between User Stories & User Personas

04

Breakdown of the Home Screen Layout

05

The Ultimate Guide to Grid Layouts

06

Design Iterations: Finances Breakdown Widget

07

Basics of Typography Ligatures

08

Standard Practices of Setting up Text Styles

09

Designing: Avatar Component

10

Designing: List Item Component

11

Designing: Finances Breakdown Widget

12

Designing: Performance Component

13

Polishing: Finances Breakdown Widget

14

Design Iterations: Overview Widget

15

Design Iterations: Account Balance Widget

16

Design Iterations: Credit Card Widget

17

Design Iterations: Recurring Expenses Widget

18

Finalising the Home Screen Widgets

19

Designing: Overview Widget

20

Designing: Account Balance Widget

21

Designing: Recurring Expenses and Credit Card Widget

22

Design Iterations: Transactions

23

Designing: Table Component

24

Designing: Date Filters

25

Designing: Navigation Rail

26

Design Iterations: Account Balance Screen

27

Designing: Account Balance Screen

28

Design Iterations: Finances Breakdown Screen

29

Matrix: Finances Breakdown Screens

30

Designing: Bar Chart

31

Designing: Transaction Filters

32

Designing: Search Experience

33

Designing: Bulk Actions

34

Designing: Transaction Details Screen

35

Polishing: Transaction Details Screen

36

Designing: Groups Screen

37

Designing: Credit Card Screen

38

Designing: Recurring Expenses Screen