Figma Chats

Figma Messaging

The Messaging template displays a chat list design. The messenger example features a side panel with a list of available chats and an open conversation with different types of messages organized into a dialogue layout.

The chat template is mainly designed using the Chat component. It can be customized to display different types of messages and have variants for both sender and recipient. The chat also features Tabs and Sidebar components to provide in-app navigation.