User Interface | Techlist.io

discordJun 8, 20263 min readCurated summary

Introducing: You Bar

Discord’s new You Bar is a mobile navigation redesign intended to simplify movement through the app, emphasize users’ identities, and bring mobile and desktop experiences closer together. Inspired by open-world games, it treats servers as the world users explore and the You Bar as their personal interface for moving through it. Discord says the redesign is rolling out to mobile users, with further customization and voice features planned. ## Simplifying Mobile Navigation - Discord previously used separate navigation systems for servers and non-server destinations, which became increasingly complex. - Because most mobile activity centers on servers and channels, the You Bar organizes navigation around that primary behavior. - Tapping the You Bar opens the profile, including profile editing, Settings, Quests, and the Shop. - Notifications have a dedicated bell icon. - Shortcuts include: - Long-pressing the You Bar to open the account menu and change online status. - Long-pressing the avatar to open Settings. - Swiping across the You Bar to switch between DMs and the current server. - The redesign also provides modest memory and CPU savings. ## Highlighting User Identity - The You Bar creates a dedicated space for users’ visual identities. - It features a larger avatar, more polished display name and status treatments, and greater prominence for Avatar Decorations and Nameplates. - Discord designed the area to make personal customization more expressive and visible. ## Unifying Mobile and Desktop - Discord’s desktop and mobile apps have developed different visual styles and interaction patterns over time. - The You Bar is part of a broader effort to make Discord feel familiar across devices without simply copying the desktop interface onto mobile. - The company says future mobile improvements will continue to be guided by user feedback. ## Planned Improvements - **Per-server You Bar:** The bar will reflect a user’s unique profile for the active server. - **Server Tags:** Favorite or relevant server tags will appear on the bar. - **Activity indicators:** Users will be able to see activities such as gaming or listening to music. - **Animation controls:** Users will control when animated Avatar Decorations and Nameplates play. - Discord is also reconsidering the profile page as a more dynamic, personalized space rather than a static screen. - The You Bar may support a more familiar desktop-like mobile voice experience for joining and leaving voice channels. Discord recommends viewing the You Bar as the foundation for a simpler, more personalized mobile experience. Its current redesign is only the first step toward deeper profile customization, server-aware identity features, and improved mobile voice interactions.

Read original

User Interface Discord Desktop App Voice Chat+2

kakaoApr 22, 20263 min readCurated summary

The Calendar We Designed for KakaoTalk Booking

KakaoTalk Reservation built a time-block calendar to help sellers understand inventory and bookings more easily than with a card list. The main challenge was arranging bookings with different start times and durations so that they remain readable and use space efficiently. The solution combines sorting rules, graph-based layout calculation, DFS, and additional expansion logic for edge cases. ## Product Requirements - The calendar is designed for the seller-facing reservation management center. - Each time slot can contain up to 10 bookings. - A booking can last from one to six hours. - Booking blocks should be displayed as clearly as possible without leaving unnecessary gaps. - The input data provides booking start and end times, while the frontend must calculate the visual layout. ## Booking Placement Rules - **Sort by earliest start time** - Earlier bookings are placed first to match the seller’s natural workflow. - This also supports the typical visual scanning order from the upper-left toward the lower-right. - **For bookings starting at the same time, sort by longest duration** - Longer bookings can block shorter bookings from expanding. - Placing them first gives them enough space and allows later bookings to occupy the remaining areas more effectively. ## Graph-Based Expansion - The bookings are modeled as nodes in a graph. - Each node stores relationships with preceding and following overlapping bookings. - A depth-first search calculates: - Each node’s depth, representing its horizontal position. - The maximum distance to the final booking in its connected path. - These values are used to calculate: - `left`: the node’s horizontal starting position. - `width`: how far the booking can expand across available space. - Nodes at the far-left edge of the graph are processed first, allowing the bookings to fill the calendar while respecting overlaps. ## Handling Layout Exceptions - The initial graph and DFS calculation did not always fill all available space. - Problems occurred when: - Multiple root nodes existed. - An upper root node had a longer path than a lower root node. - Connected nodes were constrained by earlier width calculations. - The implementation searches for unused gaps between neighboring nodes. - When multiple gaps exist, connected nodes are expanded by the smallest available amount needed to close the gaps. - A gap is detected when the next node’s `left` position is greater than the current node’s `left + width`. ## Lessons from the Implementation - A calendar that appears visually simple can require substantial algorithmic design. - Frontend developers are responsible not only for rendering data, but also for deciding how that data should be presented to users. - The calendar is treated as an evolving implementation that will be refined as new bugs, data patterns, and better algorithms are discovered. The practical approach is to begin with clear sorting rules, represent overlapping bookings as a graph, use DFS to determine layout constraints, and add targeted post-processing for unused space and edge cases.

Read original

User Interface Data Visualization Frontend Calendar Ui+2

discordApr 16, 20262 min readCurated summary

Making Discord on Desktop Look Just Right: Display Settings to Ease the Eyes

Discord’s desktop app offers several display and accessibility settings to make conversations more comfortable and easier to read. Users can control when media and spoilers appear, reduce interface color intensity, simplify names and role colors, manage HDR brightness, and adjust UI density and text size. These options let people tailor Discord to their visual preferences without changing how content appears to others. ## Chat Options for Customizing Conversations - In **User Settings > Display > Messages**, users can control whether images and videos appear automatically. - Media can be shown or manually opened when: - Posted as direct links - Uploaded directly to Discord - **Show embeds and link previews** can be disabled to prevent automatic previews for web links. - Alt text can be displayed by default when image descriptions are provided. - Spoiler content can be configured to appear: - **On click** - **Always** - **On servers I moderate** - Links can always be underlined, improving visibility—especially when interface saturation is reduced. ## Toning Down Discord’s Colors - The **Saturation** setting reduces the intensity of interface colors, including buttons, status indicators, and links. - Saturation can also be applied to custom colors such as server role colors. - User-created media—including avatars, custom emoji, photos, and videos—is not affected. - Role colors can be displayed as a dot beside a user’s name instead of coloring the entire name. ## Reducing Brightness and Visual Distractions - HDR-capable displays may show extremely bright images and videos. - In **Accessibility > High Dynamic Range**, users can switch from **Full Dynamic Range** to **Standard Range** to reduce HDR intensity. - Nitro display-name styling can be disabled through **Accessibility > Text Readability > Display Name Styles**. - Disabling these styles restores standard fonts and colors without notifying other users. ## Adjusting UI Density and Text Size - Discord also provides settings to make the interface more or less dense, depending on whether users prefer more information on screen or greater spacing. - The article introduces additional controls for changing the size and spacing of interface content, though the provided text ends before describing them in detail. Overall, Discord’s display settings can be combined to reduce visual overload: hide media until needed, lower saturation, soften HDR content, simplify names, and adjust spacing or text size for a more comfortable setup.

Read original

User Interface Discord Accessibility Responsive Design+2

cloudflareApr 15, 20263 min readCurated summary

Introducing Agent Lee - a new interface to the Cloudflare stack

Agent Lee is Cloudflare’s new in-dashboard AI assistant, designed to replace complex navigation with natural-language interaction across the Cloudflare platform. It can inspect account data, troubleshoot issues, and—when explicitly approved—make changes or deploy resources. Built on Cloudflare’s own infrastructure, it combines sandboxed code execution, permission controls, and generative UI to provide an interactive way to manage real accounts. ## A Natural-Language Interface to Cloudflare - Agent Lee understands account resources such as Workers, zones, DNS settings, and error rates. - Users can ask it to: - Identify the top error messages for a Worker. - Diagnose access problems involving a `www` prefix. - Enable Cloudflare Access for a domain. - Create an R2 bucket and connect it to a Worker. - It can retrieve account-specific context, use the appropriate tools, and present results through charts and other visualizations. - The beta reportedly serves about 18,000 daily users and performs nearly 250,000 tool calls per day across services including DNS, Workers, SSL/TLS, R2, Registrar, Cache, Cloudflare Tunnel, and API Shield. ## Codemode and Sandboxed Execution - Instead of exposing raw MCP tool definitions to the model, Agent Lee uses Codemode. - The model writes TypeScript that calls a generated API, which is intended to improve accuracy and support multi-step operations in a single script. - Generated code runs through a Cloudflare MCP server and a Durable Object acting as a credentialed proxy. - The Durable Object: - Classifies operations as reads or writes by inspecting the method and request body. - Proxies read operations directly. - Blocks write operations until the user explicitly approves them. - Keeps API keys out of generated code and injects credentials server-side. ## MCP Permissions and User Approval - Agent Lee connects to Cloudflare’s MCP server through: - A search tool for querying API endpoints. - An execute tool for running code that performs API requests. - Any operation that changes the account must pass through an elicitation step. - Approval is an enforced permission boundary rather than merely a confirmation-oriented interface feature. - Agent Lee cannot bypass the approval gate before executing writes. ## Built on Cloudflare’s Public Stack - Agent Lee uses the same building blocks available to Cloudflare customers: - Agents SDK - Workers AI - Durable Objects - Cloudflare’s MCP infrastructure - Cloudflare developed and tested the system in production against real accounts. - The company positions this approach as a way to identify platform limitations and validate patterns that other developers can reuse. ## Generative UI - Agent Lee supplements text responses with dynamically generated interface components. - Questions about traffic can produce interactive line charts rather than plain numerical summaries. - An adaptive grid lets users reserve space for new UI blocks by dragging across the interface and describing what they want. - Supported components include: - Tables - Interactive charts - Architecture maps - Other dynamic visual blocks - The result is intended to turn conversation history into an evolving operational dashboard. ## Quality and Safety - Elicitations are used whenever Agent Lee needs to perform a non-read action, requiring explicit approval in the interface. - Cloudflare also evaluates the system’s: - Conversation success rate - Information accuracy - Because the product remains in beta, users may encounter limitations or edge cases as its reliability and performance continue to improve. Agent Lee’s central promise is to make Cloudflare operations conversational without removing control. Its most important design choice is the combination of broad account awareness with a structural approval gate for changes, while its generative UI makes the resulting information and workflows more actionable.

Read original

User Interface Database Design Cloudflare TypeScript+4

discordMar 24, 20262 min readCurated summary

Discord Update: March 24, 2026 Changelog

Discord’s March 24, 2026 changelog focuses on making desktop gaming and navigation faster and more convenient. New features include improved screen sharing, easier voice invitations, expanded game profiles, and gifting for Marvel Rivals items. Discord also introduced browser-style navigation controls, faster performance, role-member lists, and refreshed settings pages. ### Improvements for Game Nights - Screen shares can now be zoomed and panned with a mouse wheel or trackpad. - Single-window Go Live streams should start faster. - A new **Invite to Voice** option recommends server members and nearby friends for voice chats. - The Game Stats Profile Widget now supports **Wuthering Waves**, displaying information such as achievements and favorite Resonators. - Users can wishlist and gift Marvel Rivals items through the game’s Discord server and Game Shop. ### Faster Desktop Navigation - Behind-the-scenes performance improvements reduce lag when moving around the desktop app. - New **Back** and **Forward** buttons work similarly to browser navigation, including support for compatible mouse buttons. - Clicking an `@Role` mention now shows up to 100 users assigned to that role. - The Desktop Settings redesign continues with updated Notifications, Voice and Video, Clips, and Streamer Mode pages. ### Additional Developer News - Discord also highlighted new opportunities for game developers announced at this year’s Game Developers Conference, directing developers to a separate blog post for details. Overall, the update is aimed at smoother desktop performance, easier navigation, and more features for connecting around games.

Read original

User Interface User Experience Discord Performance Optimization+4

figmaMar 5, 20262 min readCurated summary

How to Supercharge your Design System with Slots | Figma Blog

Slots let designers customize components without detaching them from a design system. By allowing content to be inserted into stable structures—much like components work in code—slots reduce variant sprawl, preserve consistency, and improve design-to-development handoff. Figma recommends starting with high-traffic components and using default content strategically to balance guidance with flexibility. ## Why Slots Matter - Growing design systems often become restrictive, leading teams to: - Create excessive variants - Expand component libraries - Detach instances - Develop workarounds outside the system - Slots allow designers to change content while preserving a component’s underlying structure. - The approach mirrors code-based composition, where developers inject dynamic content into predictable layouts. - Benefits include: - **Design system managers:** fewer variants and less maintenance - **Designers:** more freedom within the system - **Developers:** structures that map more predictably to production - **Automation and AI:** clearer, more interpretable component structures - Figma introduced slots at Schema 2025 and made them available in open beta. ## Start with High-Use Components The greatest immediate value comes from components that teams frequently detach or customize. - Prioritize components that: - Appear often across screens - Are duplicated throughout the system - Have accumulated many variants - Support frequently changing content - Common starting points include: - Dialogs and modals - Menus and lists - Cards and panels - Slots are especially useful when the structure stays stable but the content varies. - Repeating elements such as menu items or list rows no longer require numerous hidden layers for every possible item count. - Designers can add only the items they need while keeping the component connected. - For configuration-heavy components like cards and modals, slots can replace combinations of properties and variants for titles, descriptions, media, and buttons. ## Use Pre-filled and Empty Slots Deliberately Slots can either contain default content or remain empty, depending on the intended workflow. - **Pre-filled slots:** - Provide context and demonstrate expected usage. - Reduce unnecessary work when content is usually predictable. - Are useful for persistent elements, such as an icon in the top-right corner of a card. - **Empty slots:** - Clearly signal that the designer must add content. - Work well when customization is required. - Resemble existing instance-swap patterns used in many design systems. - Authors should choose between the two based on whether content is optional, predictable, or required. Figma’s practical recommendation is to introduce slots where teams already experience the most friction, then use defaults and empty placeholders intentionally to guide customization without sacrificing flexibility.

Read original

User Interface Figma Design Systems Design To Development+1

figmaFeb 16, 20262 min readCurated summary

From Claude Code to Figma: Turning Production Code into Editable Figma Designs | Figma Blog

Claude Code to Figma lets users capture working interfaces from production, staging, or localhost and convert them into editable Figma frames. The workflow combines code’s speed for building functional prototypes with Figma’s strengths in collaboration, comparison, and exploration. Its central argument is that teams can move faster without stopping at the first working implementation. ## From Code to an Editable Canvas - Developers can capture real UI screens from Claude Code workflows. - Captured screens can be pasted into any Figma file as editable frames. - The workflow supports interfaces running in production, staging, or locally. - Multiple screens can be captured in one session, preserving flow sequence and context. ## Start Anywhere, Then Collaborate - Code-first exploration is fast but often isolated: one person manages the branch, server, and context. - Sharing screenshots, recordings, or local builds creates friction when feedback is needed. - Once imported into Figma, screens can be organized, duplicated, refined, annotated, and shared. - Teams can discuss and explore the interface without switching environments or modifying code for every idea. ## Build the Best Idea, Not Just the First One - AI makes it easier to produce an initial prototype quickly, shifting attention toward evaluating alternatives. - Figma Make supports a similar workflow by bringing generated prototypes onto the design canvas. - Claude Code to Figma extends this approach to code-created interfaces. - Both workflows aim to turn an initial tangible result into deeper design exploration. ## Explore Systems and Variations Visually - Side-by-side frames make patterns, inconsistencies, gaps, and trade-offs easier to identify. - Teams can duplicate frames, rearrange steps, and test structural changes without reimplementing code. - Keeping alternatives visible supports continued exploration, including previously rejected ideas. - Designers, engineers, and product managers can make decisions using the same high-fidelity artifact. - Shared context helps surface questions and resolve direction earlier. Claude Code to Figma is intended as a bridge between functional prototyping and collaborative design. Teams can use code to quickly discover what works, then move the result into Figma to compare options, gather feedback, and establish shared direction.

Read original

User Interface Figma AI Prototyping+2

tossJan 15, 2026Original article

Creating Toss's new face (opens in new tab)

Toss redesigned its brand persona graphics to transition from simple, child-like icons to more professional and inclusive human figures that better represent the brand's identity. This update aims to project a more trustworthy and intelligent image while ensuring the visual language is prepared for a global, multi-cultural audience. By balancing iconic simplicity with diverse representation, the new design system maintains brand consistency across various screen sizes and service contexts. ### Refining Proportions for Professionalism * The team adjusted the vertical facial ratio to move away from a "child-like" impression, finding a balance that suggests maturity and intelligence without losing the icon's friendly nature. * The placement of the eyes, nose, and mouth was meticulously tuned to maintain an iconic look while increasing the perceived level of trust. * Structural improvements were made to the body, specifically refining the curves where the neck and shoulders meet to eliminate the unnatural "blocky" feel of previous versions. * A short turtleneck was selected as the default attire to provide a clean, professional, and sophisticated look that works across different UI environments. ### Achieving Gender-Neutral Hairstyles * The design team aimed for "neutrality" in hair design to prevent the characters from being categorized into specific gender roles. * Several iterations were tested, including high-density detailed styles (which were too complex) and simple line-separated styles (which lacked visual density when scaled up). * The final selection focuses on a clean silhouette that follows the head line while adding enough volume to ensure the graphic feels complete and high-quality at any size. ### Implementing Universal Skin Tones and Diversity * To support Toss's expansion into global markets, the team moved away from a single skin tone that could be interpreted as a specific race. * While a "neutral yellow" (similar to standard emojis) was considered, it was ultimately rejected because it felt inconsistent and jarring when displayed in larger formats within the app. * Instead of a single "neutral" color, the team defined a palette of five distinct skin tones based on universal emoji standards. * New guidelines were established to mix these different skin tones in scenes with multiple characters, fostering a sense of inclusivity and representation that reflects a diverse user base. The evolution of the Toss persona illustrates that as a service grows, its visual language must move beyond simple aesthetics to address broader values like trust and inclusivity. Moving forward, the design system will continue to expand to ensure that no user feels excluded by age, gender, or race.

User Interface Design Systems Graphic Design Inclusive Design+3

figmaJan 4, 20262 min readCurated summary

Press Start: How Controllers Shaped Video Game Design—and Where Interfaces May Go Next | Figma Blog

Video game interfaces evolved from simple start screens into complex systems of menus, maps, inventories, and customization. Yet the controller’s directional inputs and buttons have remained a consistent foundation, shaping navigation patterns and preserving players’ muscle memory. The article argues that understanding how input devices define interfaces will be essential as AR, VR, and other technologies introduce new ways to interact with digital worlds. ## From Simple Screens to Complex Game Hubs - Early games such as *Tennis for Two*, *Pong*, *PAC-MAN*, and *Super Mario Bros.* offered minimal interfaces, often requiring only a coin insertion or a start button. - Modern AAA games support many features, including: - Multiple game modes - Character customization - Cosmetics stores - Maps and inventories - Quests and settings - These features have transformed games into interconnected hubs of screens, menus, and tabs. - The growth of gaming has helped make it a major cultural and economic industry, supported by livestreaming, esports, and Olympic recognition. ## Controllers as a Design Foundation - From the Atari 2600 to the PlayStation 5, controllers have consistently combined directional controls with buttons. - This consistency allows players to transfer familiar muscle memory between generations of games. - Established controller conventions create predictable navigation patterns for players. - Designers and developers benefit from these conventions because they reduce the need to create entirely new interaction models for every game. ## The Input Defines the Interface - Every platform has a dominant input method that shapes its interface: - Desktop: mouse - Mobile: fingers and touch gestures - Television: remote controls - Mouse interfaces can use small, dense controls because the pointer is fast and precise. - Touch interfaces require larger, more widely spaced controls because fingers are less precise than cursors. - Mobile design also takes advantage of gestures such as tapping, swiping, and pinching. - The article’s broader point is that interface design must reflect the physical capabilities and limitations of the device used to navigate it. ## Preparing for New Forms of Interaction - Game interfaces increasingly connect 2D navigation systems with 3D worlds. - AR and VR controllers may allow players to engage with their physical surroundings as well as digital environments. - As input methods evolve, designers will need to rethink how people move through interfaces, rather than simply adapting existing controller-based patterns. The practical recommendation is to treat input as a core design constraint. By studying how controllers shaped game navigation—and how emerging technologies change physical interaction—designers can build interfaces that feel intuitive across future platforms.

Read original

User Interface User Experience Augmented Reality Virtual Reality+3

figmaDec 15, 20252 min readCurated summary

Chat, Are We Cooked? How Language Has Become the New Metric of Virality | Figma Blog

Social media algorithms are reshaping language by turning words into signals of virality. Linguist Adam Aleksic argues that platforms influence not only how people speak, but also how they understand identity, culture, and one another. While this linguistic creativity is not inherently harmful, users should recognize how algorithms can strip terms from their original contexts and spread ideological ideas. ## Products Shape Communication and Identity - Interfaces communicate values as well as functionality, reflecting Marshall McLuhan’s idea that “the medium is the message.” - Tinder’s swiping system commoditizes dating and reinforces associations such as “right” being positive and “left” being negative. - Dating platforms encourage users to perform and categorize themselves according to available features: - Hinge prompts users to present a structured story. - Grindr encourages identity categories such as “bear” or “twink.” - These design choices can affect both outward self-expression and people’s internal understanding of identity. ## Algorithms Accelerate Linguistic Change - Online communities create slang, while recommendation algorithms expose it to much larger audiences. - This produces “context collapse”: users encounter words outside the communities and cultural settings where they originated. - Platform metadata now includes every word users write or say, not just hashtags, making language itself a mechanism for discovering and promoting content. - Influencers can popularize expressions whose origins their audiences may not recognize. ## From Ballroom Slang to Mainstream Vocabulary - Terms such as “slay,” “serve,” “queen,” “cooked,” “ate,” “bussin’,” and “it’s giving” have roots in African American and queer ballroom culture. - Historically, slang spread gradually through connected social groups; algorithms now accelerate that process dramatically. - As words become mainstream, their original connotations may weaken or change. - Aleksic emphasizes the importance of understanding these origins rather than treating viral slang as context-free vocabulary. ## Memes as Cultural and Ideological Vehicles - Aleksic is less concerned with linguistic change itself than with the ideas carried by newly popular terms. - Expressions from online subcultures, including incel communities, can enter mainstream usage through meme circulation. - Terms such as “looksmaxxing” and “-pilled” may spread because memes make unfamiliar or troubling ideas more accessible. - Memes can effectively “Trojan-horse” concepts into broader culture, though critical awareness can reduce their potential harm. Users should enjoy the flexibility and creativity of evolving language while remaining attentive to where viral terms come from, what meanings they lose, and which beliefs they may carry into the mainstream.

Read original

User Interface Algorithms Metadata Social Media Algorithms+2

discordOct 6, 2025Original article

Discord Update: September 25, 2025 Changelog (opens in new tab)

Discord’s September 2025 update focuses on enhancing user expression and scaling server infrastructure to unprecedented levels. By introducing massive server capacity increases and highly customizable interface features, the platform aims to better support its largest communities and most active power users. Ultimately, these changes provide a more dynamic social experience through improved profile visibility, expanded pin limits, and flexible multitasking tools. ### Enhanced User Profiles and Multitasking - Desktop profiles now feature a refreshed layout designed to showcase a user's current activities and history more clearly. - Multiple concurrent activities, such as playing a game while listening to music in a voice channel, are now displayed as a "stack of cards" on the profile. - Activities can be moved into a pop-out floating window, allowing users to participate in shared experiences like "Watch Together" while navigating other servers or DMs. - A new audio cue now plays whenever a user turns their camera on to provide immediate feedback that their video stream is live. ### Massive Scaling and Embed Improvements - The default server member cap has been increased to 25 million, supported by engineering optimizations to member list loading speeds for "super-super-large" communities. - The channel pin limit has been expanded fivefold, moving from a 50-message cap to 250 messages per channel. - Native support for AV1 video attachments and embeds was integrated to improve video quality and loading performance. - Tumblr link embeds have been overhauled to include detailed descriptions and metadata for hashtags used in the original post. ### Custom Themes and Aesthetic Upgrades - Nitro users can now create custom gradient themes using up to five different colors, a feature that synchronizes across both desktop and mobile clients. - Two new Server Tag badge packs—the Pet pack and the Flex pack—introduce new iconography for server roles, including animal icons and royalty-themed badges. - Visual updates were made to Group DM icons, which the development team refers to as "facepiles," to better represent groups of friends in the chat list. Users should explore the new custom gradient settings in their Nitro preferences to personalize their workspace and take advantage of the expanded pin limits to better manage information in high-traffic channels.

User Interface Performance Optimization Desktop App Scalability+4

figmaSep 2, 20252 min readCurated summary

IDC Study Says the Global Workforce Engaged in Software Design Is Expanding | Figma Blog

IDC forecasts that the global workforce involved in software design and development will grow by more than 30%, reaching 144 million people by 2029. This expansion reflects the growing role of design as a competitive differentiator and the increasing demand for design talent. Generative AI is expected to accelerate product development while raising expectations for usability and visual quality. ## Workforce Growth in Software Design - The population of knowledge workers and developers designing digital products and interfaces is projected to grow from **107 million in 2025 to 144 million in 2029**. - The research covers multiple industries, company sizes, and roles involved in software design and product development. - IDC based its model on quantitative research involving more than 1,000 IT and business leaders. ## UX Design Leads Growth - UX professionals are expected to grow at a **7.6% compound annual growth rate** between 2025 and 2029. - This growth is expected to outpace other knowledge-worker categories. - IDC links the trend to rising demand for design-intensive digital products and solutions. ## Generative AI Raises the Bar - Generative AI will increase the speed and volume of software development. - Faster development may give users more product choices and enable better-designed digital experiences. - Designers and developers will face greater pressure to make AI-powered features highly usable, appealing, and intuitive. Overall, the study suggests that companies should treat design as a strategic capability and invest in UX talent as software development becomes faster and more AI-driven.

Read original

User Interface Figma User Experience Generative AI+3

figmaJul 1, 20252 min readCurated summary

Figma Launches Latin American Spanish Localization | Figma Blog

Figma has launched Latin American Spanish localization for its product and support services, strengthening its presence across the region. The update reflects growing demand from Latin American designers, developers, startups, and enterprises, where more than 10 million Figma files were created in the past year. It is Figma’s fifth product localization and supports the company’s broader expansion beyond the United States. ## Expanding in Latin America - Figma already serves major regional companies including iFood, Itaú Unibanco, Mercado Libre, Nubank, Sicredi, TOTVS, and Quinto Andar. - The company says design is becoming an increasingly important business differentiator across Latin America. - Latin American Spanish is available starting July 2. ## What the Localization Includes - Spanish language support tailored specifically to Latin American users. - Culturally adapted product interfaces. - Dedicated customer support for the region. - The release follows Figma’s Brazilian Portuguese localization. ## Growing Regional Adoption - More than 10 million Figma files were created across Latin America in the previous year. - Companies such as iFood and Itaú Unibanco use Figma to coordinate design, product, and engineering workflows. - Leaders at these companies say localization will make collaboration and product development more natural and efficient. ## Figma’s Global Expansion - Latin American Spanish is Figma’s fifth localization, following Japanese, European Spanish, Korean, and Brazilian Portuguese. - Approximately 85% of Figma’s monthly active users were outside the United States in Q4 2024. - More than half of Figma’s 2024 revenue came from non-U.S. markets. - About two-thirds of monthly active users work outside traditional design roles, including roughly 30% who identify as developers. Figma’s Latin American Spanish release is intended to deepen its relationship with the region’s growing design and development community while making collaboration more accessible to local teams.

Read original

User Interface Figma Design Systems Product Design+2

figmaJun 17, 20253 min readCurated summary

7 Moments That Shaped Figma, as Told by Dylan Field | Figma Blog

Figma’s story, as told by co-founder Dylan Field, was shaped by unlikely experiences, persistent experimentation, and lessons from mentors and early mistakes. His path ran from child acting and mathematical curiosity to founding a company at 20, with setbacks—including a brief meme-generator idea—helping clarify Figma’s direction. ## Persistence Learned Through Acting - As a child actor, Field once fell asleep during a *Peter Pan* performance, which he considered his most embarrassing acting moment. - The experience nevertheless gave him stunt-flying skills that helped him land a Windows XP commercial. - Auditioning taught him that persistence over time can create opportunities: continuing to try increases the chances of eventually succeeding. ## A Janitor Sparked His Interest in Mathematics - Field was solving algebra problems as early as age six and became bored in middle school. - He spent time with a cerebral school janitor who discussed mathematics and physics with him. - The janitor encouraged him to study proofs and set theory, pushing Field toward deeper mathematical thinking. ## An Unusual Fellowship Application - Applying for the Thiel Fellowship, Field answered the question about what most people get wrong by arguing that “chocolate is repulsive.” - He treated the response as a “meta-contrarian” idea—challenging not only conventional wisdom but also Silicon Valley’s tendency to prize contrarian opinions. - The playful, unexpected answer may have helped his application stand out. ## Figma Briefly Considered Becoming a Meme Generator - Field and Evan Wallace initially wanted to use WebGL—the JavaScript API for high-performance graphics in browsers—to build a design product. - Unsure how to apply the technology, they briefly considered making a meme-creation tool. - Field called this five-day period Figma’s “darkest week,” after realizing that memes were not a sufficiently serious direction. - The episode illustrates the founders’ willingness to explore ideas before committing to a larger product vision. ## Growing Into Leadership - At 20, Field struggled with the responsibilities of being CEO after previously identifying more like an intern. - He acknowledged micromanaging because he had intensely considered every part of the product experience. - Pressure to launch and control the details created tension, teaching him that building Figma required developing as a manager as well as refining the product. The post presents Figma’s development as the result of accumulated experiences rather than a perfectly planned startup journey. Field’s advice and example emphasize persistence, intellectual curiosity, experimentation, and the willingness to learn from immature decisions.

Read original

User Interface Figma Product Design JavaScript+2

discordJun 1, 2025Original article

Go Beyond, Plus Ultra! with the My Hero Academia Collection (opens in new tab)

Discord has officially launched its first anime-themed collection in collaboration with Crunchyroll, featuring the popular series *My Hero Academia*. Released in anticipation of the 2025 Anime Awards, the collection introduces eleven new customization items that leverage character-specific "Quirks" and iconic gear. This partnership represents a direct response to high user demand for anime-centric profile aesthetics and immersive digital collectibles. ### Hero Gear and Avatar Decorations * The creative team focused on "Hero Gear" as the primary design element to ensure decorations remain instantly recognizable while avoiding excessive obstruction of the user’s avatar. * The production process followed a three-step workflow: conceptualizing the gear, applying color to establish mood and richness, and adding custom animations to bring the characters' unique Quirks to life. * The collection features eight distinct decorations, including Izuku Midoriya, Katsuki Bakugo, Ochaco Uraraka, Shoto Todoroki, Endeavor, Hawks, All Might, and Tomura Shigaraki. ### Dynamic Profile Storytelling * Designers utilized the larger surface area of profile effects to move beyond simple gear, focusing instead on "signature moves" and iconic moments from the anime. * The effects are designed for immediate impact, aiming to tell a story in seconds through high-energy animations like Deku’s electrifying "Full Cowling" and Bakugo’s "Cluster" explosions. * Three specific profile effects were created for this launch: Full Cowling, Cluster, and a dedicated League of Villains theme. Fans can now access the *My Hero Academia* collection through the Shop on both desktop and mobile platforms to personalize their digital identity with these limited-edition hero and villain aesthetics.

User Interface User Experience Mobile Apps Animation+3