Chat App UI Design in Figma – Build a Messaging App from Scratch
1:57:33
YouTubeDavid Emulo
Chat App UI Design in Figma – Build a Messaging App from Scratch
In this video, I designed a modern Chat App UI from scratch using Figma. You'll see how I created 3 essential screens — user feed, chat list, and message view — all with a clean, dark mode aesthetic. Whether you're a beginner in UI/UX design or looking for inspiration for your next mobile app project, this breakdown will give you ideas on ...
1.5K views6 months ago
Related Products
Messaging UI Kits
Sleek Chat UI Design
Direct Messaging App UI
#UI Design
UI UX Design Course FREE | UI UX Design Full Course For Beginners (2025) | Intellipaat
UI UX Design Course FREE | UI UX Design Full Course For Beginners (2025) | Intellipaat
YouTube6 months ago
UI/UX Explained In 8 Minutes | UI/UX Design For Beginners | UI/UX Design Basics | Simplilearn
UI/UX Explained In 8 Minutes | UI/UX Design For Beginners | UI/UX Design Basics | Simplilearn
YouTube11 months ago
Top videos
Design Messaging Chat App UI Design in Figma from Start to Finish
8:31
Design Messaging Chat App UI Design in Figma from Start to Finish
YouTubeUX ABHISHEK
32K viewsAug 26, 2022
NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (Best UI 🤩)
26:57
NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (Best UI 🤩)
YouTubeAdam La Morre
860.3K viewsJan 17, 2023
C# WPF UI | How to Design Chat Messaging App in WPF
43:08
C# WPF UI | How to Design Chat Messaging App in WPF
YouTubeC# WPF UI Academy
18K viewsApr 14, 2022
UI Animation
Smooth UI Animation | After Effects Tutorial | Motion Graphics
18:05
Smooth UI Animation | After Effects Tutorial | Motion Graphics
YouTubeMotion Mirror
31.3K views3 months ago
How to Create UI Animations in After Effects Step-by-Step! (Beginner’s Guide)
20:34
How to Create UI Animations in After Effects Step-by-Step! (Beginner’s Guide)
YouTubeJoseph | Video Editing
47.7K views3 months ago
How to Make Simple UI Animations in Unreal Engine 5 - Beginner Tutorial
6:20
How to Make Simple UI Animations in Unreal Engine 5 - Beginner Tutorial
YouTubeGorka Games
60.6K viewsJan 19, 2023
Design Messaging Chat App UI Design in Figma from Start to Finish
8:31
Design Messaging Chat App UI Design in Figma from Start to Finish
32K viewsAug 26, 2022
YouTubeUX ABHISHEK
NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (Best UI 🤩)
26:57
NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (…
860.3K viewsJan 17, 2023
YouTubeAdam La Morre
C# WPF UI | How to Design Chat Messaging App in WPF
43:08
C# WPF UI | How to Design Chat Messaging App in WPF
18K viewsApr 14, 2022
YouTubeC# WPF UI Academy
Chat/Messaging App Light and Dark Theme - Flutter UI - Speed Code
45:21
Chat/Messaging App Light and Dark Theme - Flutter UI - Speed Code
360.2K viewsMar 5, 2021
YouTubeThe Flutter Way
Chat App UI Design | Messaging App Design | Figma Tutorial
6:15
Chat App UI Design | Messaging App Design | Figma Tutorial
445 viewsMar 3, 2024
YouTubeDiscover design with muhammad
Modern Animated Chat App UI Design in Flutter | Messaging App UI Tutorial
53:47
Modern Animated Chat App UI Design in Flutter | Messaging App …
879 views2 months ago
YouTubeDear Programmer
Chat Application with Firebase | Android Studio 2024
3:42:59
Chat Application with Firebase | Android Studio 2024
86.8K viewsSep 1, 2023
YouTubeEasy Tuto
3:52:04
Find in video from 02:30Sending Messages and Image Messages
Flutter Firebase Course | Realtime Chat App Using Firebase & Flutte…
46.6K viewsMar 28, 2024
YouTubeHussain Mustafa
3:11:46
Find in video from 01:52Importance of Chat Messaging Applications
Build a Messaging App with React Native in 2 hours (Tutorial for begi…
54.2K viewsOct 22, 2021
YouTubenotJust․dev
40:56
Messaging App UI Deign In Flutter - Chat App UI Design Flutter
10.9K viewsJun 14, 2022
YouTubeDear Programmer
29:30
Find in video from 07:50Fetching API Messages
Single and Group Chat Messages in React JS - MERN Stack Chat App …
48.9K viewsDec 7, 2021
YouTubeRoadsideCoder
14:07
Daily UI Challenge | Day 11 | Flash Message Design & Animation
3.1K views10 months ago
YouTubeUIX Design Academy
2:16:46
Creating Chatting Application in Android Studio Using Kotlin | Gee…
326.3K viewsAug 25, 2021
YouTubeGeeksforGeeks
47:54
Whatsapp Chat Design in Html and CSS | How to Make ChatBox Like …
160K viewsNov 11, 2021
YouTubeOnline Tutorials
4:05
FLASH MESSAGES UI Design in Figma | Figma Tutorial | Daily UI C…
2.3K viewsNov 23, 2023
YouTubePixxelex
5:29
Day 11: How to Create Toaster Messages in UI Design – Quick & …
191 views9 months ago
YouTubeuxiva designs
1:06:34
Daily UI Challenge - Day 08 - Chat Web Application UI Design In Figma
4.5K viewsFeb 24, 2022
YouTubeYour Advisor
11:55
Find in video from 01:02RCS Messages
Samsung messages Vs Google messages - Which one is Better?
424.5K viewsJun 10, 2024
YouTubeAppX
3:26
Find in video from 00:18Creating a Message Template
Creating and Sending WhatsApp Flows with Message Templates
57.6K viewsJul 25, 2024
YouTubeMeta Developers
2:49
3 Best SMS Messages Apps for Android 2026
1.1K views8 months ago
YouTubeKenta Pogo
12:07
Viral Apple UI Messaging Animations (After Effects Tutorial)
27.2K views10 months ago
YouTubeTomsProject
33:24
Messaging Chat App UI Design in Figma | Tutorial in Hindi
14.7K viewsAug 20, 2021
YouTubeUX ABHISHEK
0:09
aaliyah931 on TikTok
8.6K viewsOct 6, 2024
TikTokaaliyah931
0:34
Creative Flash Message UI Design | Mobile App UX/UI Tutorial (Figma)
166.6K views6 months ago
YouTubeCreative Design Ideas
52:23
Build a Chat App with HTML, CSS and Vanilla JavaScript
82.5K viewsMar 22, 2023
YouTubeEbenezer Don
8:30:59
Find in video from 04:23Sending Messages and Files
🔴 Realtime Responsive Chat App with React, Node.js, Socket.io and Mon…
276.7K viewsJul 9, 2024
YouTubeKishan Sheth
11:20
Find in video from 00:23Duplicating Frames and Setting Up Message Board
Let's Design a Chat UI in Figma Tutorial
32.7K viewsJan 5, 2021
YouTubePierluigi Giglio
5:59
From SMS to RCS: Navigating the New Samsung Messages Experien…
5.7K views11 months ago
YouTubeKeiah2technical
8:11
Java Swing Chat Messenger UI Design
13.2K viewsNov 27, 2022
YouTubeRa Ven
See more videos
Static thumbnail place holder