FIGR / UI TEMPLATE
Follow a conversation with nested replies, mentions, reactions, and context without losing the original post.
This inbox reference covers community & social. Its sample screen includes Original post and Maya replied and the Reply action. Adapt its workflow to your product and design system.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Inbox
Reply
Comments thread
Default, loading, empty, error, permission, success
Adaptable product UI theme
The comments thread screen supports “Reply” while keeping thread and mentions in view. It should show the current state even when data is missing or access is restricted.
Thread → Mentions → Reply → Review result
Comments thread, Thread, Mentions, permission handling, error recovery
Keep the selected thread, sender, and next action visible
In this example, Original post is one of the records worth checking. Keep the sample data clearly separate from a live system.
Show ownership, priority, and reply state without hiding the conversation
Preserve a draft when the user switches threads or a send fails
Design a comments thread screen for an existing community & social product. Use our actual design system, components, and content rules. Cover Thread and Mentions, include believable records such as Original post, and make "Reply" easy to find. Map empty, loading, error, permission, and success states. Keep the result editable in Figma.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.