Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,23 @@ By following this guide, you will learn how to:

These design guidelines are intended to help you create a seamless and intuitive friends list that leverages Discord's social features to their fullest potential. Let's get started!

---
## Figma File - The Social SDK: Friend List Starter Pack

We’ve created a Figma resource with a templated design-system of building out your game's friends list. Change
various components to match your game’s visual-language, and see it update in realtime. We’ve also tossed in a
few common use-cases, as well as an example of one of our partnered games, SUPERVIVE.

We'd love your feedback! Join [Discord Developers Server](https://discord.gg/discord-developers) and create a post in
the `#social-sdk-dev-help` channel if you would like to see more resources like this, or if you have suggestions
for improvement.

[![starter pack](images/social-sdk/design-guidelines/starter_pack.webp)](https://www.figma.com/community/file/1512487996808869592/the-social-sdk-friend-list-starter-pack)

[See Figma Resource↗](https://www.figma.com/community/file/1512487996808869592/the-social-sdk-friend-list-starter-pack)

---

## Sectioning

Sections are ordered by descending availability to help users find friends they can play with.
Expand All @@ -27,7 +44,7 @@ The **Online — Elsewhere** section shows friends who are online but not in the

![Sectioning Friends List](images/social-sdk/design-guidelines/UFL-02.png)

## Discord = Communication
## Discord = Communication

Show the Discord badge next to a player's name when they are **online elsewhere** and have **connected their Discord** account. Provisional accounts will not have a badge.

Expand Down Expand Up @@ -83,12 +100,14 @@ Avoid friend-lists organized by company. This hierarchy dilutes the value-prop o

---

## Resources
## Resources

- [Development Guide: Creating a Unified Friends List](/docs/discord-social-sdk/development-guides/creating-a-unified-friends-list)
- [Figma File - The Social SDK: Friend List Starter Pack ↗](https://www.figma.com/community/file/1512487996808869592/the-social-sdk-friend-list-starter-pack)

## Change Log

| Date | Changes |
|----------------|-----------------|
| March 17, 2025 | initial release |
| Date | Changes |
|----------------|------------------------------|
| June 25, 2025 | Added Figma UFL starter pack |
| March 17, 2025 | initial release |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions tools/checkLinks.ts
Original file line number Diff line number Diff line change
Expand Up @@ -180,6 +180,9 @@ for (const [name, raw] of docFiles) {
if (!match.groups) continue;
const [page, anchor] = match.groups?.link.split("#") ?? [];
if (!validLinks.has(page)) {
// Automatically ignore links with "image/" as the prefix, since the link checker is not designed to validate images.
if (page.startsWith("images/")) continue;

ownResults.push({
title: `Base url ${chalk.blueBright(page)} does not exist`,
startLine: lineNum + 1,
Expand Down