Browse components

Figma Component / Ant Design X

Think

Show deep thinking process.

Documentation

What is Figma Think?

Think is a component for presenting intermediate reasoning or analytical steps in AI workflows. It helps structure complex responses by separating process-oriented content from final answers.

When to Use Think?

Use Think when users benefit from understanding how an answer was derived, such as debugging, planning, or educational scenarios. It is useful where transparency improves trust and decision-making.

How to Design Think?

Distinguish thinking content visually from final output, and use clear typographic hierarchy for step-by-step readability. Keep disclosure behavior intentional so detailed reasoning remains available without cluttering the default view.

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

In Ant Design System for Figma, Think is designed as a structured content block with tokenized spacing and semantic emphasis styles. It complements Bubble and ThoughtChain patterns in advanced AI conversation layouts.

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