Browse components

Figma Component / Ant Design X

Welcome

Clearly convey the scope of intent and expected functionality to the user.

Documentation

What is Figma Welcome?

Welcome is an introductory component that frames the purpose and capabilities of an AI experience. It helps users understand what they can do before they send their first message.

When to Use Welcome?

Use Welcome on first-load chat screens, empty states, and onboarding moments where context setting is critical. It is especially useful for reducing uncertainty and guiding users toward productive tasks.

How to Design Welcome?

Keep the message concise, outcome-focused, and action-oriented, and include supportive cues such as examples or starter prompts. Ensure visual hierarchy quickly communicates brand, intent, and the next best action.

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

In Ant Design System for Figma, Welcome is designed as a composable intro block that aligns with Prompts and Sender patterns. Tokenized typography, spacing, and surface styles ensure consistency with the rest of the conversation UI.

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