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 ...
2K views8 months ago
Chat Apps
6 Free Online Video Chat Sites To Talk With Strangers
4:21
6 Free Online Video Chat Sites To Talk With Strangers
YouTubeWhatVwant - A Technology
53.8K viewsJul 22, 2021
Full Stack Real-time Chat Application with Authentication Using React JS and Firebase (2025)
5:34:48
Full Stack Real-time Chat Application with Authentication Using React JS and Firebase (2025)
YouTubeGreatStack
205.8K viewsAug 8, 2024
Chat Application using React JS - Build and Deploy a Chat App in 1 Hour (Microsoft Teams)
1:10:08
Chat Application using React JS - Build and Deploy a Chat App in 1 Hour (Microsoft Teams)
YouTubeJavaScript Mastery
1.1M viewsJan 29, 2021
Top videos
Build a Modern Chat UI Using HTML CSS JavaScript | Beginner Friendly Project
0:12
Build a Modern Chat UI Using HTML CSS JavaScript | Beginner Friendly Project
YouTubeDevVibe
1.2K views3 months ago
Chat System Design (WhatsApp / Messenger Architecture) | System Design Tutorial
25:19
Chat System Design (WhatsApp / Messenger Architecture) | System Design Tutorial
YouTubeDesign Decode Camp
703 views4 months ago
Chat app design using HTML CSS JavaScript
32:59
Chat app design using HTML CSS JavaScript
YouTubeTouseef Jamal
32.5K viewsMay 30, 2021
Chat Rooms
5 Best Free Chat Rooms to talk with random strangers
2:55
5 Best Free Chat Rooms to talk with random strangers
YouTubeTech Informerz
7.8K viewsMar 6, 2018
How to get started with Google Chat rooms
1:50
How to get started with Google Chat rooms
YouTubeTechRepublic
8.8K viewsJul 6, 2020
Free Chat Rooms Online, You Can Enter and Start a Chat.
0:24
Free Chat Rooms Online, You Can Enter and Start a Chat.
YouTubeCuddle Voice Chat
8.9K viewsJul 23, 2020
Build a Modern Chat UI Using HTML CSS JavaScript | Beginner Friendly Project
0:12
Build a Modern Chat UI Using HTML CSS JavaScript | Beginner Friendl…
1.2K views3 months ago
YouTubeDevVibe
Chat System Design (WhatsApp / Messenger Architecture) | System Design Tutorial
25:19
Chat System Design (WhatsApp / Messenger Architecture) | System …
703 views4 months ago
YouTubeDesign Decode Camp
Chat app design using HTML CSS JavaScript
32:59
Chat app design using HTML CSS JavaScript
32.5K viewsMay 30, 2021
YouTubeTouseef Jamal
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
33.7K viewsAug 26, 2022
YouTubeUX ABHISHEK
How to design a chat dashboard UI In Figma Step By Step | Figma Tutorial | 2022 UI Trends
46:41
How to design a chat dashboard UI In Figma Step By Step | Figma Tut…
1.9K viewsSep 9, 2022
YouTubeDesign With Hoj
Figma Chat Component - Built in 10 Minutes
10:41
Figma Chat Component - Built in 10 Minutes
10K viewsMar 15, 2025
YouTubeEnterprise UX
Responsive Chat Web App Using HTML & CSS | Free Source Code | M.A Developer
37:38
Responsive Chat Web App Using HTML & CSS | Free Source Code | …
4K viewsJul 9, 2024
YouTubeM.A Developer
53:47
Modern Animated Chat App UI Design in Flutter | Messaging App …
1K views4 months ago
YouTubeDear Programmer
1:04:21
Animated Chat Interface Using Flutter - Modern Chat UI In Flutter …
948 views8 months ago
YouTubeDear Programmer
16:16
How to Make Chat App Using AI | Full Chat Application Tutorial | Bui…
17.7K views4 months ago
YouTubeAR BrainCode
1:18:26
✅ System Design 8: Design Chat Application like Whatsapp | Messe…
15.7K views9 months ago
YouTubeInterviewWithBunny
25:33
Find in video from 00:21Overview of Chatbot App
( Chat GPT ) Chat Bot App UI Design Using Figma
24.1K viewsDec 21, 2022
YouTubeDesign With Hoj
20:13
Flutter UI Tutorial for Beginners - Chat App UI - 2023 - With Explanat…
27.3K viewsMar 2, 2023
YouTubeMJSD Coding
7 Best Chatbot UI Design Examples for Website [ Templates]
2 months ago
tidio.com
32:28
Building a Chatbot with UI in LangGraph & Streamlit | CampusX
42.9K views7 months ago
YouTubeCampusX
7:01:00
Build and Deploy a Realtime Chat App—React.js, Firebase and Tailw…
16.2K viewsFeb 14, 2025
YouTubeDesphixs
6:58
UI design with ChatGPT
12.1K views11 months ago
YouTubeNick Babich
16:48
Create a Simple Web-based Chat UI for LangGraph Agents
6.1K viewsMar 13, 2025
YouTubeData Science Basics
3:35
Design Stunning App UI with ChatGPT in SECONDS! (No Code, …
7.9K views11 months ago
YouTubeAM Design
19:48
Create Custom Chat UI for n8n — No Code (n8nchatui.com)
7.1K views11 months ago
YouTubeManoj Kumar
38:04
Recraft’s New Chat Interface Is a Game Changer for Creators
848 views5 months ago
YouTubeRhondaJ ~
1:25:09
How To Design Your WhatsApp Chat Screen
816 viewsMar 10, 2025
YouTubeX-plore Design Studio
1:01
The NEW ChatGPT 5 is EPIC at UI/UX Design 🚀
9.9K views7 months ago
YouTubeSaptarshi Prakash
11:20
Find in video from 01:02Creating Chat Bubbles
Let's Design a Chat UI in Figma Tutorial
33K viewsJan 5, 2021
YouTubePierluigi Giglio
6:48
Glassmorphism Chat Bubble illustration Tutorial - Free UI Desig…
27.7K viewsFeb 22, 2021
YouTubeMalewicz
1:12:20
How to build a Custom LLM Chat AI interface with React and JavaScri…
4.3K viewsOct 2, 2024
YouTubeRedian | TopNotch Programmer
14:38
🤖💬 Bubble.io: Build a Basic AI Chat Interface with Anthropic Claude | …
1.1K viewsApr 19, 2024
YouTubeParth A Patel
3:59:03
đź”´ Real Time Chat App Using React Native - No Talking - Part I
3.3K viewsOct 25, 2024
YouTubeasProg
2:00:41
Chat App UI Design In Flutter - Messaging App UI Design In Flutte…
1.9K viewsApr 8, 2024
YouTubeDear Programmer
See more videos
Static thumbnail place holder