Browse components

Figma Component / Ant Design X

Conversations

Used to manage and view the conversation list.

Documentation

What is Figma Conversations?

Conversations is a list component for browsing chat sessions or threads. It helps users scan titles, previews, timestamps, and state indicators, making it easier to return to previous contexts.

When to Use Conversations?

Use Conversations in sidebars or navigation areas when your product supports multiple chats, agents, or discussion threads. It is valuable for inbox-like experiences where quick switching and context recall are essential.

How to Design Conversations?

Prioritize scannability with strong text hierarchy, concise metadata, and visible active or unread states. Support long titles, empty states, and hover/selection feedback so users can navigate large histories confidently.

How Conversations Component is Designed in Ant Design System for Figma?

In Ant Design System for Figma, Conversations is built with reusable list-item patterns and tokenized spacing and typography. States such as default, hover, selected, and unread are standardized to match Ant Design X interaction behavior.

Speed up your design and development process

Stop starting from scratch for every project. Use pixel-perfect elements to efficiently design your next Ant Design app.

Get access