Design+Code logo

Quick links

No results found

Suggested search

illustration

Social Media App Part 3 - Chat Screen

icon

Add to favorites

Learn how to create a social media app design by designing the chat screen

icon

UI Design Quick Apps in Figma

1

Getting Started with UI Design

22:33

2

Food App UI Design

10:43

3

Meditation App Glassmorphism UI Design

15:18

4

Bitcoin App Glassmorphism UI Design

46:06

5

Dark UI Design

13:30

6

Glassmorphism, Components and Design System

19:45

7

Soft UI Design

16:35

8

Dark Mode NFT app Part 1 - Card with blurred background

9:45

9

Dark Mode NFT app Part 2 - Cards with outline

8:13

10

Dark Mode NFT app Part 3 - TabBar

7:43

11

Dark Mode NFT app Part 4 - Segmented Control

11:59

12

Dark Mode NFT app Part 5 - List

7:56

13

Neon UI Design Part 1 - Screen 1

11:53

14

Neon UI Design Part 2 - Screen 2

16:42

15

Neon UI Design Part 3 - Screen 3

19:24

16

Dark Neumorphism Tesla app Part 1 - Neumorphic Button

8:41

17

Dark Neumorphism Tesla app Part 2 - Nav bar

9:22

18

Dark Neumorphism Tesla app Part 3 - Control Menu & Table view

12:36

19

Dark Neumorphism Tesla app Part 4 - Tab bar

8:33

20

Dark Neumorphism Tesla app Part 5 - Temperature Progress bar

8:49

21

Dark Neumorphism Tesla app Part 6 - Temperature Slider

8:42

22

Dark Neumorphism Tesla app Part 7 - Control setting with background blur

6:37

23

Dark Neumorphism Tesla app Part 8 - Battery with neon light effect

11:13

24

Dark Neumorphism Tesla app Part 9 - Dropdown table row

11:21

25

Social Media App Part 1 - Profile Screen

13:26

26

Social Media App Part 2 - Home Screen

17:09

27

Social Media App Part 3 - Chat Screen

11:38

28

Weather App Part 1 - Bottom sheets

16:52

29

Weather App Part 2 - TabBar

11:49

30

Weather App Part 3 - Weather Widget

8:59

31

Map app Part 1 - Custom Nav Bar with 3D Effect

12:06

32

Map app Part 2 - Map and Navigation Detail

9:27

33

Map app Part 3 - Mileage Chart

9:22

34

Map app Part 4 - Map List and Tab Bar

15:41

35

Movie Ticket Booking App Part 1 - Reservation Screen

16:38

36

Movie Ticket Booking App Part 2 - Seats Screen

20:38

37

Movie Ticket Booking App Part 3 - Tickets Screen

20:01

Welcome back to my course! We’re going to do the chat room.

Purchase includes access to 30+ courses, 240+ premium tutorials, 120+ hours of videos, source files and certificates.

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads

1

Getting Started with UI Design

Design your first iOS app using the best practices in UI design

22:33

2

Food App UI Design

Learn how to design simple screens for a food app in the Figma design tool

10:43

3

Meditation App Glassmorphism UI Design

Learn how to design onboarding screens for your first app

15:18

4

Bitcoin App Glassmorphism UI Design

Create a user interface of a crypto app from scratch by combining Neomorphism and Glassmorphism

46:06

5

Dark UI Design

Learn how to design dark UI design in the Figma design tool

13:30

6

Glassmorphism, Components and Design System

Meditation app part 2 with Explore Screen and design system

19:45

7

Soft UI Design

Learn how to create a beautiful user interface from scratch using soft drop shadows, inner shadows and vibrant colors

16:35

8

Dark Mode NFT app Part 1 - Card with blurred background

Learn to design an NFT marketplace app by combining overlays with the Glassmorphism style

9:45

9

Dark Mode NFT app Part 2 - Cards with outline

Learn to create a card with a blurred background using an overlay outline

8:13

10

Dark Mode NFT app Part 3 - TabBar

Learn how to create a custom tab bar using overlay glassmorphism

7:43

11

Dark Mode NFT app Part 4 - Segmented Control

Learn how to create segmented controls and buttons with glassmorphism style

11:59

12

Dark Mode NFT app Part 5 - List

Learn how to design a list with rows

7:56

13

Neon UI Design Part 1 - Screen 1

Learn how to create a lighting and glowing user interface from scratch using neon style

11:53

14

Neon UI Design Part 2 - Screen 2

Learn how to create a lighting and glowing user interface from scratch using neon style

16:42

15

Neon UI Design Part 3 - Screen 3

Learn how to create a lighting and glowing user interface from scratch using neon style

19:24

16

Dark Neumorphism Tesla app Part 1 - Neumorphic Button

Learn to design a Dark Neumorphism button effect

8:41

17

Dark Neumorphism Tesla app Part 2 - Nav bar

Learn to create navigation bar and use remove background trick to get png image

9:22

18

Dark Neumorphism Tesla app Part 3 - Control Menu & Table view

Learn how to create Control menu and table view using auto-layout frame

12:36

19

Dark Neumorphism Tesla app Part 4 - Tab bar

Learn how to create a custom tab bar with the curve and neon light effect

8:33

20

Dark Neumorphism Tesla app Part 5 - Temperature Progress bar

Learn how to create temperature progress bar using ellipse tool and arc tool.

8:49

21

Dark Neumorphism Tesla app Part 6 - Temperature Slider

Learn how to create temperature bar

8:42

22

Dark Neumorphism Tesla app Part 7 - Control setting with background blur

Learn how to create the control setting with background blur

6:37

23

Dark Neumorphism Tesla app Part 8 - Battery with neon light effect

Learn how to create battery control with neon light effect

11:13

24

Dark Neumorphism Tesla app Part 9 - Dropdown table row

Learn how to create a drop down table row

11:21

25

Social Media App Part 1 - Profile Screen

Learn how to create a social media app design, we will start the profile screen

13:26

26

Social Media App Part 2 - Home Screen

Learn how to create a social media app design by desigining the home screen

17:09

27

Social Media App Part 3 - Chat Screen

Learn how to create a social media app design by designing the chat screen

11:38

28

Weather App Part 1 - Bottom sheets

Learn how to create a modal bottom sheets with glassmorphism

16:52

29

Weather App Part 2 - TabBar

Learn how to create a custom tab bar

11:49

30

Weather App Part 3 - Weather Widget

Learn how to create a weather widget

8:59

31

Map app Part 1 - Custom Nav Bar with 3D Effect

Learn how to create 3d triangle buttons with custom shape,background with blur and navigation description

12:06

32

Map app Part 2 - Map and Navigation Detail

Learn how to create the navigation system

9:27

33

Map app Part 3 - Mileage Chart

Learn how to create a mileage chart status

9:22

34

Map app Part 4 - Map List and Tab Bar

Learn how to create a map list and custom tab bar with neon light effect

15:41

35

Movie Ticket Booking App Part 1 - Reservation Screen

Learn how to design a movie ticket booking app by starting with the reservation screen

16:38

36

Movie Ticket Booking App Part 2 - Seats Screen

Learn design our seats screen for our movie ticket booking app

20:38

37

Movie Ticket Booking App Part 3 - Tickets Screen

Learn design our tickets screen for our movie ticket booking app

20:01