gif

3 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.

figma

6 Winning Figma Makes—and What You Can Learn From Them | Figma Blog (opens in new tab)

Figma’s first global Make-a-thon demonstrated how Figma Make can turn ideas into interactive prototypes quickly. More than 10,000 creators competed for $100,000 in prizes, and the winning projects were judged on creativity, innovation, execution, and prompt quality. The featured lesson is that creators should define an app’s structure and technical foundations—not merely describe the task. ## Make-a-thon and Figma Make - Figma Make is designed to bridge the gap between concepts and working, interactive creations. - The competition was held in partnership with Contra. - Entries ranged from a *Severance*-themed virtual escape room to a “Figma-Kart” racing game. - Winners showed how thoughtful prompting and experimentation can extend the tool beyond basic prototypes. ## Define the Structure, Not Just the Task - Second-place winner Sebastian Lumbi created a frame-by-frame SVG animation tool. - The app lets users: - Copy SVGs from Figma into the tool. - Build animations frame by frame. - Preview and export animations as GIFs. - His initial prompt described the product’s structure: a canvas at the top for drawing frames and a timeline below for viewing and adding frames. - Sebastian researched state management and component interaction before developing the app. - He used an iterative dialogue with the AI, beginning with two prompts and eventually adding roughly 80 more. - Figma Make’s revert feature allowed him to experiment safely and return to earlier versions when bugs or crashes occurred. ## Technical Understanding Improves AI-Generated Code - Even non-programmers benefit from understanding basic concepts relevant to their application. - Clear instructions about structure make generated code easier to debug and extend. - When technical decisions are unclear, creators can consult another AI for recommendations. - The main lesson is to establish the application’s architecture early, then use iterative prompts to refine features and solve problems. A practical approach is to describe the app’s components, state, and interactions up front, while treating AI generation as an iterative process with frequent testing and rollback.

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.