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 ...
2.1K views8 months ago
Chat App UI Trends
2026 UI/UX Design Trends - 2 of the Biggest Trends
6:06
2026 UI/UX Design Trends - 2 of the Biggest Trends
YouTubeDesignCourse
21.6K views3 months ago
Top 2026 App Design Trends
6:08
Top 2026 App Design Trends
YouTubeCodex Community
100.8K views8 months ago
This NEW Shadcn Update Builds Beautiful App UI in Minutes (Shadcn Create)
11:47
This NEW Shadcn Update Builds Beautiful App UI in Minutes (Shadcn Create)
YouTubeBuild Great Products
5.4K views3 months ago
Top videos
Modern Animated Chat App UI Design in Flutter | Messaging App UI Tutorial
53:47
Modern Animated Chat App UI Design in Flutter | Messaging App UI Tutorial
YouTubeDear Programmer
1K views5 months ago
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
862.9K viewsJan 17, 2023
Master Flutter: Build a Fully Functional Chat App with Firebase & Cubit | GetIt | Clean Architecture
Master Flutter: Build a Fully Functional Chat App with Firebase & Cubit | GetIt | Clean Architecture
YouTubeFlutterSync
26.8K viewsJan 26, 2025
How to Design a Chat App UI
How to Make Chat App Using AI | Full Chat Application Tutorial | Build Chat App from Mobile
16:16
How to Make Chat App Using AI | Full Chat Application Tutorial | Build Chat App from Mobile
YouTubeAR BrainCode
17.7K views4 months ago
Bootstrap Chat App UI Codealong/Tutorial[ HTML, CSS, SCSS, Web Design, Development ]
43:49
Bootstrap Chat App UI Codealong/Tutorial[ HTML, CSS, SCSS, Web Design, Development ]
YouTubeFilip Rastovic
42.4K viewsJun 30, 2019
Build A Chat App UI
38:42
Build A Chat App UI
YouTubeTreehouse
3.2K viewsNov 10, 2022
Modern Animated Chat App UI Design in Flutter | Messaging App UI Tutorial
53:47
Modern Animated Chat App UI Design in Flutter | Messaging App …
1K views5 months ago
YouTubeDear Programmer
NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (Best UI 🤩)
26:57
Find in video from 24:20Finalizing the Chat App
NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (…
862.9K viewsJan 17, 2023
YouTubeAdam La Morre
Master Flutter: Build a Fully Functional Chat App with Firebase & Cubit | GetIt | Clean Architecture
Master Flutter: Build a Fully Functional Chat App with Firebas…
26.8K viewsJan 26, 2025
YouTubeFlutterSync
Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind
3:51:33
Find in video from 03:00Installing ShadcnUI
Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tail…
70.6K viewsApr 16, 2024
YouTubeCode Complete
Live chat app | Part01 Creating the UI | Javascript, AJAX, HTML, CSS, JSON, PHP, MYSQL Tutorial
24:56
Find in video from 05:01Designating the Interface
Live chat app | Part01 Creating the UI | Javascript, AJAX, HTML, CSS…
76.7K viewsSep 24, 2020
YouTubeQuick Programming
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
WPF C# Professional Modern Chat App UI Tutorial
54:43
Find in video from 01:20Building the Folder Structure
WPF C# Professional Modern Chat App UI Tutorial
260.1K viewsAug 9, 2021
YouTubePayload
27:42
Create Real-time Chat App using HTML, CSS, JavaScript, NodeJS …
191.3K viewsJun 14, 2021
YouTubeCodingflag
37:38
Responsive Chat Web App Using HTML & CSS | Free Source Code | …
4K viewsJul 9, 2024
YouTubeM.A Developer
52:23
Build a Chat App with HTML, CSS and Vanilla JavaScript
83.9K viewsMar 22, 2023
YouTubeEbenezer Don
2:59:34
Find in video from 01:05Interface and Chat Section
Build a Chat App with NEW ChatGPT API | Full stack, React, Redux Tool…
210.1K viewsMar 6, 2023
YouTubeEdRoh
2:46:21
Build & Deploy An AI-Powered Chat App | Vue, Node, TypeScript, Ope…
31.8K viewsApr 1, 2025
YouTubeTraversy Media
3:57:22
Find in video from 14:17Adding Chat App iOS
Chat App in Flutter and Firebase | Tutorial for Beginners to Advance …
217.1K viewsJul 26, 2022
YouTubeBackslash Flutter
1:10:08
Find in video from 03:25Building the Applicatio
Chat Application using React JS - Build and Deploy a Chat App in 1 …
1.1M viewsJan 29, 2021
YouTubeJavaScript Mastery
1:52:40
Build a Modern Multi-User Chat App with React Native, Expo, Clerk & A…
42.1K viewsApr 1, 2025
YouTubeCode with Beto
3:54:49
Build a Full Stack Chat App with React Native, Clerk and Supabase
7.8K views5 months ago
YouTubenotJust․dev
32:59
Chat app design using HTML CSS JavaScript
32.5K viewsMay 30, 2021
YouTubeTouseef Jamal
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
9:06
Getting Started with the Blazor Chat UI Component
1.6K viewsJan 21, 2025
YouTubeSyncfusion, Inc
35:56
Build a Real Time Chat App with ZEGOCLOUD | React.js Project usi…
534 views7 months ago
YouTubeHexagon Digital Services
16:16
How to Make Chat App Using AI | Full Chat Application Tutorial | Bui…
17.7K views4 months ago
YouTubeAR BrainCode
16:48
Create a Simple Web-based Chat UI for LangGraph Agents
6.3K viewsMar 13, 2025
YouTubeData Science Basics
5:59
Introducing Agent Chat UI
76.7K viewsMar 11, 2025
YouTubeLangChain
3:42:59
Find in video from 01:31Setting Up the Application
Chat Application with Firebase | Android Studio 2024
89.2K viewsSep 1, 2023
YouTubeEasy Tuto
2:00
Find in video from 00:36Building Messages
Flutter Chat App UI (Messaging App)
56.1K viewsMar 8, 2022
YouTubeHeyFlutter․com
20:32
How To Use ChatKit UI with OpenAI Agent Builder
12.3K views5 months ago
YouTubecorbin
1:02:56
Build and Deploy a Chatbot App Using Streamlit and OpenAI | Data…
2.3K views7 months ago
YouTubeDataquest
3:59:03
đź”´ Real Time Chat App Using React Native - No Talking - Part I
3.3K viewsOct 25, 2024
YouTubeasProg
1:04:21
Animated Chat Interface Using Flutter - Modern Chat UI In Flutter …
952 views8 months ago
YouTubeDear Programmer
See more videos
Static thumbnail place holder