Figma Component / Ant Design X
Attachments
Display the collection of attachment information.
Documentation
What is Figma Attachments?
Attachments is a component used to present uploaded files in AI and chat interfaces. It communicates file type, name, upload status, and available actions in a compact and readable list.
When to Use Attachments?
Use Attachments when users need to add, review, or manage files as part of a conversation or workflow. It is useful for upload previews, referenced documents, and any interaction where files are part of the final output.
How to Design Attachments?
Design each item with clear hierarchy: file icon, filename, metadata, and actions. Support different states such as uploading, success, error, and disabled, and keep spacing consistent for dense but scannable lists.
How Attachments Component is Designed in Ant Design System for Figma?
In Ant Design System for Figma, Attachments is designed with token-based spacing, color, and typography so it aligns with chat surfaces and related AI patterns. Variants and states help teams keep file interactions consistent across pages and flows.
Related components
This component is part of the Ant Design System for Figma. Browse Ant Design Figma templates or view kit pricing.