Sender

What is Figma Sender?

Sender is the message composer component for conversational interfaces. It combines text input with actions such as send, attach, and shortcut behaviors, forming the primary interaction point in chat.

When to Use Sender?

Use Sender in any interface where users submit messages, prompts, or commands. It is essential for AI assistants, support chat, and collaborative messaging experiences that require fast iteration between input and output.

How to Design Sender?

Optimize for clarity and speed: keep placeholder guidance concise, ensure send action visibility, and support multiline input when needed. Include states for disabled, loading, and error to handle full interaction lifecycles.

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

In Ant Design System for Figma, Sender is modeled with token-based input and action styles that pair directly with Bubble, Prompts, and Attachments. This keeps composition and conversation areas visually and behaviorally aligned.