Figma Component / Ant Design X
Sources
Show the source address of the referenced data.
Documentation
What is Figma Sources?
Sources is a reference component used to show where generated content comes from. It helps users verify citations, inspect linked material, and build trust in AI responses.
When to Use Sources?
Use Sources whenever responses rely on external documents, URLs, or knowledge bases. It is critical in research, enterprise, and compliance-sensitive scenarios where provenance and traceability matter.
How to Design Sources?
Present source items with clear labels, domains, and optional snippets, and make links easy to open without disrupting the reading flow. Maintain clear hierarchy so references are discoverable but not visually dominant.
How Sources Component is Designed in Ant Design System for Figma?
In Ant Design System for Figma, Sources uses standardized list and metadata patterns with Ant tokens for typography and spacing. It is designed to integrate smoothly below Bubble content or inside expandable reference panels.
Related components
This component is part of the Ant Design System for Figma. Browse Ant Design Figma templates or view kit pricing.