Скачать
Daily UI Challenge | Day 13 | Direct Messaging
Автор: UIX Design Academy
Загружено: 2025-06-04
Просмотров: 884
Описание:
In Day 13 of my 100 Days UI Design Challenge, I designed a complete Direct Messaging experience — including both the Inbox Messages screen and the Chat screen.
I started with a UX-focused wireframe to structure the user flow, then transformed it into a visually appealing UI design. To bring the experience to life, I created an interactive prototype in Figma and added horizontal and vertical scroll in figma,
featuring:
Smooth figma vertical scrolling in the inbox
Seamless figma horizontal scrolling in the chat media preview
Transitions between screens for a realistic user flow
This project helps sharpen UX thinking and UI execution for any messaging app.
#UIDesign #100DaysUI #Figma #UXDesign #MessagingApp #DirectMessages #UIDesignChallenge #figmaprototype
💬 Let me know what you think in the comments!
👍 Like, share, and subscribe for more UI/UX tutorials and free resources.
✅ Download Source File:
https://downloadfreebie.com/free-dire...
...............................
What to WATCH Next:
👉 • Figma Web Design Course 2025 | Food Landin...
👉 • Web Design for Beginners - Figma to Webflo...
...............................
Support me 👇
https://buymeacoffee.com/uixdesignaca...
...............................
Most Useful Tools Links:
👉 FigJam AI: https://psxid.figma.com/q2w0mzgr7pi8-...
👉 Webflow: https://webflow.partnerlinks.io/nz6lj...
👉 https://psxid.figma.com/z2wz3bjjbrdi
👉 Framer: https://bit.ly/3vNQA3u
🎁 promo code: FREE 3 months (partner25proyearly)
I would be very happy 🙂 If you decided to Subscribe:
https://bit.ly/3So60Ei
Развернуть
Доступные форматы для скачивания:
Похожие видео
array(10) {
[0]=>
object(stdClass)#5221 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "wA1bWFPy77E"
["related_video_title"]=>
string(162) "Революция в дизайне UI/UX-прототипов! Приложение без разработчиков с MCP-сервером за два дня"
["posted_time"]=>
string(25) "2 недели назад"
["channelName"]=>
string(10) "DAVV Shved"
}
[1]=>
object(stdClass)#5194 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "rMMOqOACF1c"
["related_video_title"]=>
string(97) "Figma Make — это провал? Обзор нового инструмента от Figma"
["posted_time"]=>
string(21) "6 дней назад"
["channelName"]=>
string(53) "Alexey Bychkov: веб-дизайн и фриланс"
}
[2]=>
object(stdClass)#5219 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "NJ-xGN9uygs"
["related_video_title"]=>
string(127) "Всем вернуться в ICQ! | Заменит ли госмессенджер телегу (English subtitles) @Max_Katz"
["posted_time"]=>
string(23) "6 часов назад"
["channelName"]=>
string(19) "Максим Кац"
}
[3]=>
object(stdClass)#5226 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "RnHC1XiNWS8"
["related_video_title"]=>
string(94) "Венедиктов – страх, Симоньян, компромиссы / вДудь"
["posted_time"]=>
string(19) "3 дня назад"
["channelName"]=>
string(10) "вДудь"
}
[4]=>
object(stdClass)#5205 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "Mdb7iDitR7k"
["related_video_title"]=>
string(105) "Понедельничные референсы #61 (Разбор сайтов, web-design, UX/UI design)"
["posted_time"]=>
string(19) "4 дня назад"
["channelName"]=>
string(21) "Слава Кивич"
}
[5]=>
object(stdClass)#5223 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "GX01Lh2IU68"
["related_video_title"]=>
string(113) "ОТКУДА В АНГЛИЙСКОМ СТОЛЬКО КОСЯКОВ - и как понять исключения?"
["posted_time"]=>
string(19) "3 дня назад"
["channelName"]=>
string(36) "Virginia Bēowulf · English Studies"
}
[6]=>
object(stdClass)#5218 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "_rkBx62J3Mk"
["related_video_title"]=>
string(68) "Российско-украинская война - на карте"
["posted_time"]=>
string(23) "8 часов назад"
["channelName"]=>
string(21) "Гео-История"
}
[7]=>
object(stdClass)#5228 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "SHjnb-JtKvw"
["related_video_title"]=>
string(159) "Как я сделал вирусное видео с помощью Google VEO 3 — Новый уровень нейросетей! #veo3 #ai #sora #flow"
["posted_time"]=>
string(22) "11 дней назад"
["channelName"]=>
string(7) "Try CGI"
}
[8]=>
object(stdClass)#5204 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "vcdxlfl_rVI"
["related_video_title"]=>
string(92) "Теория Большого Взрыва — убита Джеймсом Уэббом?"
["posted_time"]=>
string(21) "1 день назад"
["channelName"]=>
string(25) "Космос Просто"
}
[9]=>
object(stdClass)#5222 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "blWdjRUPP6E"
["related_video_title"]=>
string(72) "Разведчик о том, как использовать людей"
["posted_time"]=>
string(22) "13 дней назад"
["channelName"]=>
string(18) "Коллектив"
}
}
Революция в дизайне UI/UX-прототипов! Приложение без разработчиков с MCP-сервером за два дня
Figma Make — это провал? Обзор нового инструмента от Figma
Всем вернуться в ICQ! | Заменит ли госмессенджер телегу (English subtitles) @Max_Katz
Венедиктов – страх, Симоньян, компромиссы / вДудь
Понедельничные референсы #61 (Разбор сайтов, web-design, UX/UI design)
ОТКУДА В АНГЛИЙСКОМ СТОЛЬКО КОСЯКОВ - и как понять исключения?
Российско-украинская война - на карте
Как я сделал вирусное видео с помощью Google VEO 3 — Новый уровень нейросетей! #veo3 #ai #sora #flow
Теория Большого Взрыва — убита Джеймсом Уэббом?
Разведчик о том, как использовать людей