Figma Component / Ant Design X
ThoughChain
The ThoughtChain component is used to visualize and track the call chain of Actions and Tools invoked by an Agent.
Documentation
What is Figma ThoughtChain?
ThoughtChain is a visualization component that displays the sequence of actions, tool calls, and reasoning checkpoints produced by an agent. It gives users a timeline-like view of how tasks are executed.
When to Use ThoughtChain?
Use ThoughtChain in agentic products where process visibility is important, such as automation dashboards and auditing interfaces. It is valuable when users need to inspect step order, dependencies, and outcomes.
How to Design ThoughtChain?
Represent each step with clear labels, status indicators, and optional metadata, then emphasize progression and hierarchy between nodes. Provide compact and expanded views so users can switch between quick scanning and deep inspection.
How ThoughtChain Component is Designed in Ant Design System for Figma?
In Ant Design System for Figma, ThoughtChain uses consistent timeline and status patterns aligned with Ant tokens and iconography. The component is built to pair with Think, Sources, and Bubble for explainable AI interfaces.
Related components
This component is part of the Ant Design System for Figma. Browse Ant Design Figma templates or view kit pricing.