png

4 posts

discord

How to Make and Use Custom Emoji on Discord (opens in new tab)

Discord custom emojis are small images communities can upload and use in messages, reactions, and custom statuses. They are stored per server, though Discord Nitro allows broader use across servers. Uploading is now flexible because Discord can resize and compress images, while usage is mainly limited by server permissions, subscription requirements, and Discord’s content policies. ## What Custom Emojis Are - Custom emojis are community-created images used like standard emojis. - They can appear in: - Messages - Reactions - Custom status messages - They add personalized expressions, jokes, symbols, and artwork to Discord conversations. ## Adding Custom Emojis - Upload emojis through **Server Settings > Emoji**. - Eligible users may also upload directly from the emoji picker. - Emojis belong to the server where they are uploaded. - To use them in other servers, users must upload them separately or have Discord Nitro. ## File Requirements and Uploading - Discord now automatically resizes and crops uploaded images. - Supported formats include: - JPEG - PNG - GIF - WEBP - AVIF - Recommended specifications are: - Up to **256 KB** - **128×128 pixels** - A name of at least two characters - Larger files can be compressed automatically. ## Animated Emojis and Content Rules - Animated emojis are uploaded through the same process as static emojis. - They appear in a separate animated-emoji section. - Using newly uploaded animated emojis requires Discord Nitro. - Emojis must comply with Discord’s Community Guidelines and Terms of Service. - Emojis cannot contain age-restricted material such as graphic violence or adult content. - Uploaders must also have the rights to use the images. ## Larger “Jumbo” Emojis - Emojis appear larger when a message contains only emojis and no regular text. - Up to **27 emojis** can remain enlarged in one message. - Messages containing more than 27 emojis revert to the normal display size. ## Server Emoji Limits - A standard server supports: - 50 static custom emojis - 50 animated custom emojis - Boosted servers receive larger limits: - Level 1: 100 static and 100 animated emojis - Level 2: 150 of each - Level 3: 250 of each - These limits apply to the entire server, regardless of which member uploads the emojis. Custom emojis are easiest to create when users take advantage of Discord’s built-in resizing tools, while server owners should monitor shared emoji limits and ensure all uploads comply with Discord’s policies.

discord

How to Create & Upload Your Own Stickers on Discord (opens in new tab)

Discord stickers function like oversized emojis, adding emphasis and personality to messages. Users can access server stickers plus 300 Discord-created stickers, while Nitro members can use stickers from their servers anywhere. Creating custom stickers requires server permissions, exact file specifications, and enough sticker slots, which can be expanded through Server Boosting. ## Using Stickers on Discord - Open the sticker menu from the chat bar by selecting the peeling-square icon. - Stickers are available from: - Servers you belong to - Discord’s library of 300 stickers usable anywhere, including DMs - Click a sticker to send it immediately. - Hold **Shift** while clicking to attach the sticker to a message in progress. - Server stickers can be used within that server. - Nitro members can use their servers’ stickers in other servers, DMs, and group DMs. ## Uploading Custom Stickers - Custom stickers belong to Discord servers. - Uploaders must either: - Own the server, or - Have the **Manage Expressions** permission - Upload stickers through **Server Settings > Stickers**. - Required specifications: - Exactly **320 × 320 pixels** - **PNG** for static stickers - **APNG or GIF** for animated stickers - Maximum file size of **512 KB** - Each sticker requires an associated emoji to improve suggestions and searchability. - An optional text description can improve accessibility for screen-reader users. ## Sticker Limits and Server Boosting - Servers begin with **five sticker slots**. - Boosting can increase the total capacity to **5, 15, 30, or 60 stickers**, depending on the server’s boost level. - Nitro includes two boosts that can provide ten additional slots when applied to an unboosted server. - If a server loses boosts and drops to a lower tier: - Stickers beyond the new limit become unavailable. - Administrators can restore boosts or remove stickers to meet the reduced limit. ## Creating Sticker Images - Any image can become a sticker if it meets Discord’s technical requirements and Community Guidelines. - Basic cropping can be done with built-in tools such as Microsoft Paint or macOS Preview. - Discord apps such as Picsart can automatically remove image backgrounds. - Mobile users need an editing app capable of exporting images at exactly **320 × 320 pixels**. To create a sticker, prepare an appropriately sized image, upload it through the server’s Stickers settings, associate an emoji, and add an accessibility description when useful.

figma

What’s new in Figma: September 2021 | Figma Blog (opens in new tab)

Figma’s September 2021 updates focus on making remote collaboration feel more natural and interactive. New audio, cursor chat, and high-fives let teams communicate and react without leaving Figma or FigJam. The release also adds workflow improvements for importing data, exporting visuals, editing text, and pasting assets more precisely. ## Audio Collaboration in Figma and FigJam - Users can start audio conversations directly inside a file. - Audio supports quick questions, spontaneous collaboration, working sessions, and presentations. - Figma planned to introduce beta live captions for audio in the desktop app. ## Cursor Chat and High-Fives - Cursor chat lets collaborators ask questions or send encouragement without interrupting a speaker. - FigJam high-fives provide a lightweight way to celebrate progress or conclude a meeting. - These features are designed to restore the informal reactions and social cues often missing from remote work. ## Spreadsheet Import and Export - Spreadsheet cells can be copied into FigJam and converted into sticky notes. - Selected sticky notes can be exported as a CSV file. - This is especially useful for user research and organizing feedback. ## Exporting FigJam Diagrams - Users can export selected objects or an entire FigJam file. - Available formats include PNG, PDF, and JPG. - Exported diagrams can be reused in presentations, emails, and other documents. ## Text and Layout Improvements - Line spacing for bulleted and numbered lists can be adjusted through the type details panel. - FigJam text boxes, sticky notes, and shapes can contain multiple text sizes within the same object. ## More Precise Pasting - **Paste here** places copied content at a chosen location using the right-click menu. - **Paste to replace** swaps a selected object with copied content using `Shift` plus `⌘ + V` or `Ctrl + V`. - **Multi-paste** places the same copied object in the same position across multiple selected frames or groups. Together, these updates make Figma and FigJam better suited to collaborative remote work while reducing friction in common design and workshop tasks.

figma

Happy Emoji Release Day at Figma 🎉 | Figma Blog (opens in new tab)

Figma introduced emoji support in 2017 after users repeatedly requested it, emphasizing that emojis had become essential to modern digital communication and interface design. The main technical challenge was ensuring consistent rendering across operating systems without sacrificing visual quality. Figma chose individually cached, 64×64 full-color PNGs, providing sharper and more memory-efficient results than Slack’s single large sprite image. ## Why Emoji Support Mattered - Designers need to preview interfaces with the same visual content users will see in real products. - Emojis communicate tone, emotion, and nuance in advertising, messaging, email, and social media designs. - Some teams reportedly left Figma because the feature was missing. - Native browser rendering was unsuitable because emoji appearance varies between operating systems and platforms. ## The History of Emoji and Unicode - Emojis originated in Japan in 1999, when Shigetaka Kurita created 176 pictorial characters to supplement text. - Competing mobile carriers developed incompatible emoji sets, causing inconsistent rendering. - In 2009, the Unicode Consortium standardized emoji identifiers alongside other written characters. - Unicode defines the character code and general design guidelines, but companies remain free to create their own artwork. - As a result, the same emoji can look substantially different on Apple, Google, Facebook, Twitter, Samsung, and other platforms. ## Why Cross-Platform Rendering Was Difficult - Figma is a collaborative, cross-platform application, so Mac and Windows users need to see identical designs. - Depending on each operating system’s emoji library could make the same file appear differently to different users. - Visual inconsistencies can alter an emoji’s perceived meaning, creating communication problems. ## Figma’s Rendering Approach - Slack’s approach used a large PNG containing Apple’s emoji set and displayed relevant regions as needed. - That method was fast but limited by lower color quality and poor scalability at larger sizes. - Figma rejected the sprite-image approach because designers are especially sensitive to low-resolution visuals. - Instead, Figma used separate 64×64 full-color PNG files for each emoji. - Individual emoji files load slightly slower the first time they are used, but are cached for faster subsequent use. - This approach provides higher resolution and uses memory more efficiently than one massive image. Figma’s solution prioritized consistent, high-quality rendering over the fastest possible initial load. For design tools and other visually demanding collaborative applications, individually cached assets can be a better tradeoff than relying on platform-native rendering or low-resolution sprite sheets.