Skip to content

Commit d26cff9

Browse files
authored
Figma File - The Social SDK: Friend List Starter Pack (#7643)
* Figma File - The Social SDK: Friend List Starter Pack Added our Figma community resource for Friend's Lists to the Unified Friends List design guidelines. Let's see how much people like it! * Update link checker to ignore images.
1 parent 16e0558 commit d26cff9

File tree

3 files changed

+27
-5
lines changed

3 files changed

+27
-5
lines changed

docs/discord-social-sdk/design-guidelines/unified-friends-list.mdx

Lines changed: 24 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,23 @@ By following this guide, you will learn how to:
1717

1818
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!
1919

20+
---
21+
## Figma File - The Social SDK: Friend List Starter Pack
22+
23+
We’ve created a Figma resource with a templated design-system of building out your game's friends list. Change
24+
various components to match your game’s visual-language, and see it update in realtime. We’ve also tossed in a
25+
few common use-cases, as well as an example of one of our partnered games, SUPERVIVE.
26+
27+
We'd love your feedback! Join [Discord Developers Server](https://discord.gg/discord-developers) and create a post in
28+
the `#social-sdk-dev-help` channel if you would like to see more resources like this, or if you have suggestions
29+
for improvement.
30+
31+
[![starter pack](images/social-sdk/design-guidelines/starter_pack.webp)](https://www.figma.com/community/file/1512487996808869592/the-social-sdk-friend-list-starter-pack)
32+
33+
[See Figma Resource↗](https://www.figma.com/community/file/1512487996808869592/the-social-sdk-friend-list-starter-pack)
34+
35+
---
36+
2037
## Sectioning
2138

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

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

30-
## Discord = Communication
47+
## Discord = Communication
3148

3249
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.
3350

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

84101
---
85102

86-
## Resources
103+
## Resources
87104

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

90108
## Change Log
91109

92-
| Date | Changes |
93-
|----------------|-----------------|
94-
| March 17, 2025 | initial release |
110+
| Date | Changes |
111+
|----------------|------------------------------|
112+
| June 25, 2025 | Added Figma UFL starter pack |
113+
| March 17, 2025 | initial release |
Binary file not shown.

tools/checkLinks.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -180,6 +180,9 @@ for (const [name, raw] of docFiles) {
180180
if (!match.groups) continue;
181181
const [page, anchor] = match.groups?.link.split("#") ?? [];
182182
if (!validLinks.has(page)) {
183+
// Automatically ignore links with "image/" as the prefix, since the link checker is not designed to validate images.
184+
if (page.startsWith("images/")) continue;
185+
183186
ownResults.push({
184187
title: `Base url ${chalk.blueBright(page)} does not exist`,
185188
startLine: lineNum + 1,

0 commit comments

Comments
 (0)