> ## Documentation Index
> Fetch the complete documentation index at: https://discord-dependabot-npm-and-yarn-typescript-7-0-2.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Game Friends Design Guidelines

> Design guidelines for displaying and managing game friends and Discord relationships.

<Info>
  Any in-game imagery used in is purely fictional for concept purposes.
</Info>

## User needs

We've heard from players that they want more of a distinction between connections they make in-game, and friends they spend time with on Discord outside of and across games. Someone I party up with may not necessarily be my "friend".

Users want more controls over how in-game relationships extend beyond the game client with communication, presence, and identity.

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-02.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=0d858b604d30b29ff68cb464ad479ca2" alt="User needs" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-02.png" />

## Game Friends — A new tier

Discord is introducing a new tier of friendship called **Game Friends**.

Game Friends are a way to create an in-game relationship with another player that provides all of the in-game benefits, but limits how the relationship extends outside the game.

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-03.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=bb456dab71a23f9abf2661d1df082d00" alt="Game Friends" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-03.png" />

## Game vs Discord Friends

### Communication

A Game Friend **can reach Discord-connected friends outside the game** by DMing those in the game who are offline — these messages will be received on the Discord client. Discord provides players a setting to disable receiving DMs from Game Friends.

### Presence

A Game Friend **cannot see your rich presence** beyond the game your friendship originated in. The exception is if both friends have their Discord accounts connected and are in a shared server.

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-04.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=a918bfe92f308af348fd444688348a18" alt="Game vs Discord Friends" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-04.png" />

## Equally-weighted

When adding a new friend, **present two options to players with "Game Friends" listed first**, since it's the more localized/limited friend-tier. Please ensure that neither type of friend is pre-selected in the UI — present them equally to the user (ordering aside for above reasons).

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-05.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=597fa7d947261e51b0d138ad43c096fe" alt="Equally-weighted friend options" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-05.png" />

## Adding friends

If the user is not yet a friend, show both options of adding as either a Game or Discord Friend.

If a user is already your Game Friend, show the action to also add them on Discord.

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-06.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=2c2b0cb81dda14a176cd4467be28c801" alt="Adding friends" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-06.png" />

## Removing friends

When removing a Game Friend or Discord Friend, show players the standard "Remove Friend" action. The SDK will remove the friend across whatever friendships are applicable.

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-07.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=6f3b8eeb30a724b720e3a43c69ffab91" alt="Removing friends" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-07.png" />

## Style guidelines

When removing a Game Friend or Discord Friend, show players the standard "Remove Friend" action. The SDK will remove the friend across whatever friendships are applicable.

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-08.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=d8e1a787df456f6ebc82b1fb8d2019d9" alt="Removing friends" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-08.png" />

## UX, not UI

The visual styling of the "Add Friend" menu-items is not intended to be prescriptive. So long as both options are equally-weighted, please use whichever UI fits your game's needs.

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-09.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=ef1a347020d943513afdb8aec889da59" alt="UX, not UI" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-09.png" />

## Setting on Discord

This mock showcases how the corresponding DM looks within Discord's UI.

<img src="https://mintcdn.com/discord-dependabot-npm-and-yarn-typescript-7-0-2/WklFMR2zJNkva_Gr/images/social-sdk/design-guidelines/GameFriends-10.png?fit=max&auto=format&n=WklFMR2zJNkva_Gr&q=85&s=1b7d5ba7e5cf209aa6d37de98b6c9cde" alt="Removing friends" width="3840" height="2160" data-path="images/social-sdk/design-guidelines/GameFriends-10.png" />

***

## Resources

* [Development Guide: Managing Relationships](/developers/discord-social-sdk/development-guides/managing-relationships)

## Change Log

| Date           | Changes         |
| -------------- | --------------- |
| March 17, 2025 | initial release |
