UI reference · iOS

Adding a friend in Discord

4 screens · Discord

Added to Refcat Oct 11, 2026

Every screen in order

Patterns

Emails & MessagesHome

Components

buttoninputemail inputtablist

Explore real product flows

Onboarding flow in Discord

Subscribing to Nitro flow in Discord

Subscribing to Nitro

Sending a new message flow in Discord

Sending a new message

Logging in flow in Discord

Home flow in Discord

Setting up a server flow in Discord

Setting up a server

Joining an existing server flow in Discord

Joining an existing server

Sending a voice message flow in Discord

Sending a voice message

Editing profile

Getting started flow in Discord

Getting started

Creating a group flow in Discord

Creating a group

Creating a server flow in Discord

Creating a server

Explore the full catalog

Terms and conditions Privacy Cookies