Figma Chat

Preview

Figma Chat

Figma Chat Component

The Chat component is designed to display how users participate in chat sessions and interact with chatbots. The Chat UI helps to create message sequences by stacking multiple instances. The chat component set includes variants for different message types and directions.

Use multiple chat components to create practical and responsive messaging UIs. Combine them with an Input component to build a functional chat interface.

Copy to Figma

SetCopy to Figma
ChatNavbar
ChatItem
ChatBubble

Source

Type

Interactive component

Behavior

Auto layout

Figma Chat

Chat

figma chat ui

chat ui design figma

chat dialog box

Interactive component

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma
10X faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.