How to Design a Chat UI in Adobe XD

Learn to design a chat user interface in Adobe XD through this comprehensive 1-hour tutorial. Explore wireframing techniques, master essential tools like the rectangle and circle tools, and understand image sizing and placement. Discover how to efficiently add and format text, utilize the repeat grid feature, and create arrow wireframes. Gain insights into Adobe XD's capabilities while designing a functional chat screen. Engage with a Q&A session to clarify doubts and enhance your UI design skills.

Intro
Wireframing
Back arrow
Rectangle tool
Circle tool
Image size
Adding images
Adding text
Text box
Repeat grid
Arrow
Wireframe
Repeat Grid Group
Type A Message
What is Adobe XD
Designing a chat screen
Questions