An AI assistant app with a clean chat. The chat screen shows a reply with cards and actions. The start screen offers four prompt ideas and recent chats.

What is included

• A chat with user and assistant bubbles
• Itinerary cards inside a reply
• Suggestion chips and an input bar
• Four prompt cards
• A recent chats list

Where to use it

Use it for a chatbot, a copilot or a support assistant.

Design notes

This ai chat assistant app screens follows a simple rule: Mobile layouts need comfortable touch targets. The buttons and rows here are at least 44 pixels tall, and the text stays readable on small screens. It includes a chat with user and assistant bubbles, itinerary cards inside a reply, suggestion chips and an input bar, so you can start from a finished layout and change only what you need.

Built for editing

Spacing follows a 4 point scale and layers have clear names, so developers can find what they need. Fonts are free on Google Fonts, and every color can be changed from the fill panel. You also get four prompt cards and a recent chats list.

How to use it

Copy the component with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. The text uses Plus Jakarta Sans and a few free Google Fonts. Install them first so the text looks the same.

Light version

This listing is the light version. The dark version is listed separately.