techlist.io
KREN

Techlist.io - Korean Tech Blog Curator

figma3 min readCurated summary

Reflecting on Figma’s First Year | Figma Blog

Figma’s first year focused on proving that a browser-based design tool could deliver both powerful graphics performance and trustworthy collaboration. The company moved from being dismissed as a “toy” to becoming a serious platform through rapid feature releases, performance improvements, and better support for existing Sketch workflows. Its central insight was that multiplayer editing creates not only collaboration, but also a shared source of truth for entire product teams. ## Building a Browser-Based Design Platform - Figma faced major technical challenges in rendering complex graphics smoothly in a browser. - It also had to persuade designers that a web-based tool could be reliable enough for professional work. - The team spent its first year speaking with designers, engineers, and product managers to understand the needs of growing organizations. - Figma invested heavily in: - Faster file loading and rendering - Workflow improvements and polish - Continued refinement of Sketch import - Because releases came so quickly, the company collected its major updates in one anniversary retrospective. ## Collaborative Design and Multiplayer Editing - Public multiplayer editing launched on September 28, 2016, making Figma the first design tool to offer simultaneous editing. - Designers initially reacted both enthusiastically and skeptically to the idea of “pair design.” - After a year, teams were using multiplayer editing to: - Ship products under tight deadlines - Mentor designers remotely - Conduct more efficient design critiques - The larger benefit was a single source of truth: - Files could be shared through a persistent URL. - Updates appeared at the same location without requiring teams to synchronize assets manually. - Teams avoided overwritten files and outdated versions. - Different roles could work directly with the design: - Copywriters could test messaging. - Developers could inspect design attributes for implementation. - Product managers could monitor progress without relying on Slack updates. ## Components and Design Systems - As design became more central to product development, companies needed systems for maintaining consistent UI elements across teams and files. - Figma introduced components on December 8, 2016, allowing designers to synchronize reusable elements such as navigation menus and status bars. - Component overrides let designers customize individual instances—for example, changing color or typography—without disconnecting them from the underlying component. - This balanced flexibility with consistency, allowing teams to benefit from a broader design system while still adapting individual designs. Figma’s first-year progress suggests that browser-based design succeeds when performance, compatibility, and collaboration are treated as equally important. Its persistent shared files and emerging design-system features aimed to make the design process more connected across the entire product team.

Read original(opens in new tab)
FigmaDesign SystemsCollaborative DesignMultiplayer Editing+2
figma1 min readCurated summary

Figma's two-factor authentication | Figma Blog

Figma introduced two-factor authentication (2FA) to give users additional protection if their passwords are compromised. Users can receive codes by SMS or an authenticator app, with recovery codes available if they lose access to their phone. After verification, 2FA remains valid for 21 days unless the user logs in from a new device or signs back in after logging out. ## Enabling Two-Factor Authentication - Users can activate 2FA from the account settings menu in Figma. - Supported verification methods include: - SMS login codes - Authenticator apps such as Google Authenticator - The feature works with all mobile phones. ## Recovery and Login Behavior - Figma provides recovery codes in the account settings. - Users are encouraged to record these codes in case they lose their phone. - 2FA is required when: - Logging in on a new device - Signing back in after logging out - Once authenticated, the verification remains valid for 21 days. Figma recommended enabling 2FA as an additional account-security measure and indicated that more security features were planned for the future.

Read original(opens in new tab)
FigmaTwo Factor AuthenticationGoogle AuthenticatorSms+1
datadog2 min readCurated summary

Being a solutions engineer at Datadog

Solutions Engineers at Datadog combine customer support, technical investigation, and product improvement. They troubleshoot issues across configuration, dashboards, metrics, and alerting while collaborating with customers and engineers. The role also offers structured opportunities to build engineering skills and shape a career toward engineering, product management, or sales engineering. ## Role and Responsibilities - Serve as the technical point of contact for Datadog customers. - Handle tickets involving: - Agent and integration configuration - Dashboard and metric visualization - Alerting issues and bugs - Investigate customer needs, inspect source code, fix bugs when necessary, and coordinate with engineering teams. - Provide short-term workarounds and identify potential product enhancements. - Communicate with customers through chat and technical calls. ## Learning and Collaboration - New Solutions Engineers rapidly develop skills in technologies such as Linux, Ruby, and SQL. - The role requires multitasking while continuously learning new technical concepts. - Team members share knowledge through Datadog documentation and collaborative projects. - Customer feedback provides direct insight into how the product could evolve. ## Engineering Experience and Career Growth - During two-week “embedding” sprints, Solutions Engineers join engineering teams and work on projects alongside developers. - Embedding provides hands-on experience with: - Datadog’s internal technologies - Engineering and design challenges - Architectural decisions - Cross-team collaboration - Once fully trained, employees can pursue side projects such as improving demo environments or automating internal processes. - Career paths can be tailored toward engineering, product management, or sales engineering. Datadog presents the Solutions Engineer role as a strong fit for people who enjoy customer interaction, technical problem-solving, collaboration, and continuous learning. The company was hiring for these positions in New York, Paris, and remote locations.

Read original(opens in new tab)
DatadogLinuxSqlRuby+3
datadog2 min readCurated summary

Being a solutions engineer at Datadog | Datadog

Datadog’s page announces that the company has been named a Leader in the 2026 Gartner® Magic Quadrant™ for Observability Platforms. The provided content primarily consists of navigation links rather than the blog article itself, so it does not include Gartner’s evaluation details or Datadog’s specific strengths. It does, however, show the broad range of products Datadog positions as part of its observability platform. ## Gartner Recognition - Datadog highlights its designation as a Leader in Gartner’s 2026 Magic Quadrant for Observability Platforms. - No supporting analysis, ranking details, or Gartner assessment criteria are included in the provided text. ## Datadog’s Platform Scope - **Infrastructure:** Infrastructure and container monitoring, metrics, Kubernetes autoscaling, network monitoring, serverless, cloud cost, GPU, and storage management. - **Applications and data:** Application Performance Monitoring, profiling, dynamic instrumentation, database monitoring, data-stream monitoring, and data quality. - **Logs and security:** Log management, observability pipelines, sensitive-data scanning, cloud security, SIEM, workload protection, and code security. - **Digital experience:** Browser and mobile RUM, session replay, synthetic monitoring, product analytics, experiments, and error tracking. - **Software delivery and service management:** CI visibility, test optimization, code coverage, feature flags, incident response, SLOs, workflow automation, and internal developer portals. - **AI capabilities:** Agent observability, AI integrations, GPU monitoring, Bits AI agents, investigation tools, and an MCP server. Datadog’s positioning is therefore centered on providing a unified platform spanning infrastructure, applications, logs, security, user experience, software delivery, and AI. A complete assessment would require the missing body of the article or Gartner report details.

Read original(opens in new tab)
KubernetesDatadogObservabilityApplication Performance Monitoring+3
figma2 min readCurated summary

Are hackathons the answer to the tech designer shortage? | Figma Blog

Hackathons could help address the tech industry’s designer shortage by connecting design students with engineers, rapid product development, and recruiting companies. However, traditional hackathons often make designers feel unwelcome because they emphasize coding and seem aimed exclusively at developers. Hack@Brown shows that deliberate outreach and inclusive programming can turn hackathons into an effective pathway into product design careers. ## Making Hackathons Welcoming to Designers - Many design students believe they do not belong at hackathons because they cannot code or view tech companies as “selling out.” - Hack@Brown changed its branding to appear more professional and appealing to designers. - Organizers introduced dedicated UX and UI prizes. - They contacted design clubs nationwide and paid travel costs for students to attend. - The event’s design team grew from four members to six, helping ensure designers’ concerns shaped the experience. ## The Missing Path into Tech Design - Engineers have established routes into technology through coding education, projects, and recruiting pipelines; designers often lack an equivalent path. - Even invited designers sometimes left after seeing recruiting booths focused on engineers, reinforcing the sense that they did not fit in. - Companies need to take responsibility for finding potential designers rather than waiting for them to enter traditional tech channels. - Personal mentorship can be decisive: Atty Eleti discovered his potential as a designer after encouragement from Figma engineer Jessica Liu and designer Alice Lee. ## Hackathons as a Recruiting Funnel - Hack@Brown grew from 15–20 designers in 2013 to more than 100 in 2017—about 20% of attendees. - Companies including Facebook, Kayak, LinkedIn, Dropbox, IBM, and GE were increasing designer recruitment. - Facebook representatives attended to identify students with potential and followed up with attendees, including campus visits. - Recruiters seek designers with a combination of skills that remains difficult to find because product design is still a relatively young field. - Hackathons give companies an opportunity to meet promising candidates early and show students that tech design offers substantial career opportunities. Companies and hackathon organizers should actively invite, support, and mentor designers. With inclusive branding, design-specific challenges, financial assistance, and visible designer participation, hackathons can become a meaningful bridge into tech careers rather than developer-only events.

Read original(opens in new tab)
FigmaUser ExperienceProduct DesignUser Interface+2
figma2 min readCurated summary

Women Who Design | Figma Blog

The article argues that the tech industry’s claim that qualified women are difficult to find is false. Women Who Design, a searchable directory created by Jules Forrest, demonstrates the breadth of talented female designers in tech and provides a resource for recruiting, networking, and mentorship. Its central message is simple: organizations can find women for leadership roles, teams, and conferences if they make the effort to look. ## The Lack of Visibility for Women in Tech - Women in technology often receive less attention than male peers despite having comparable expertise. - Earlier efforts, including a list of 1,000 women in tech and directories of female venture capital investors, challenged the idea that qualified women are scarce. - These initiatives do not solve systemic gender discrimination, but they make underrepresented talent easier to discover. ## Women Who Design - Product designer Jules Forrest created **Women Who Design**, a directory of female designers in the technology industry. - Users can filter the list by categories such as: - Founder - UX research - Other design specialties and leadership roles - The directory is intended for: - Recruiting designers - Finding professional role models - Discovering people to follow or work with - Forrest planned to expand the directory through a nomination form and allowed people to opt out if they did not want to be identified or searchable as women in design. ## The Community Response - Forrest was inspired by a tweet from Shopify design lead Helen Tran, who asked followers to name female design influencers. - The tweet generated: - 256 retweets - 704 likes - 368 replies - More than 450 suggested names - Responses came from prominent design leaders at organizations including BuzzFeed and Google Ventures. - The reaction showed that the design community already knew many talented women; the problem was that they were not always included in public conversations. ## Balancing Representation and Labels - Forrest recognized a tension between highlighting women by gender and avoiding the impression that gender defines their professional value. - She also emphasized that visibility matters, particularly for younger women who need to see peers and leaders they can identify with. - The directory reflects an attempt to improve representation while acknowledging the limitations of categorizing people primarily by gender. The article concludes that “there aren’t enough qualified women” is not a credible excuse for hiring decisions or conference lineups. Employers and event organizers should use resources like Women Who Design to broaden their searches and make overlooked talent visible.

Read original(opens in new tab)
User ExperienceProduct DesignDesign RecruitingDesign Community+2
figma2 min readCurated summary

Figma Mirror for Android | Figma Blog

Figma introduced Mirror for Android on May 9, 2017, bringing real-time mobile previews to Android users and designers. The app reflects selected Figma frames on an Android device and updates instantly as designs change on a computer. Figma also offered the same functionality through a mobile browser, making the feature accessible without installing the app. ## Real-Time Design Mirroring - Users can select a frame in a Figma file on their computer and view it immediately on an Android phone. - Design edits made on the computer are reflected instantly in the mobile preview. - The feature helps designers test how their work appears and behaves on an actual mobile device. - Mirror was already available for iOS before the Android release. ## Browser-Based Alternative - Users who do not want to install the Android app can visit `figma.com/mobile-app` in a mobile browser. - The browser version provides the same basic mirroring functionality. ## Support for Android Design - Android accounted for roughly 52% of the U.S. smartphone market and 82% of the global market at the time. - Figma included preset frame sizes for several popular Android devices, reducing the need to create device layouts from scratch. Figma Mirror for Android made mobile design testing more inclusive and convenient, while the browser option provided a no-download alternative.

Read original(opens in new tab)
FigmaAndroidiOSMobile App Development+1
figma2 min readCurated summary

New faces at the Figma helm | Figma Blog

Figma is entering a new phase as demand for design and collaborative tools grows across the technology industry. To support that growth, CEO Dylan Field announces Eric Wittman as the company’s first COO and Kris Rasmussen as Vice President of Engineering. Their experience scaling collaboration-focused businesses will help Figma expand its operations, revenue, technology, and team. ## Figma’s Growth Opportunity - Companies increasingly view design as central to creating products customers value. - Large organizations such as IBM and GE are expanding their design teams, while Facebook has pursued a high designer-to-engineer ratio. - Figma argues that the tools available to designers have not kept pace with this demand. - Improving collaboration remains the company’s guiding priority. ## Eric Wittman: Operations, Strategy, and Revenue - Wittman joins after leading Atlassian’s Developer Tools business, including Bitbucket. - As COO, he will focus on: - Recruiting and finance processes - Go-to-market strategy - Revenue and business operations - Company strategy and values - His career spans: - Customer support and product management at Macromedia, where he eventually led Flash product management - CEO of music player company Songbird - General manager of Developer Tools at Atlassian - Figma highlights his unusual combination of operational expertise and strong product enthusiasm. - Before the announcement, he had already helped Figma launch its pricing model and refine its strategic direction. ## Kris Rasmussen: Engineering Leadership - Rasmussen initially joined Figma as a part-time contractor but quickly became an influential, informal leader. - He is appointed Vice President of Engineering and will oversee major engineering initiatives and technical-team development. - His background includes: - Leading engineering at Asana during its early growth - Scaling engineering at Aptana, a web-application developer-tools company - Building personal projects involving 3D graphics - Figma values his ability to resolve disagreements, identify necessary actions, and combine technical skill with leadership. - His primary mission will be building a world-class engineering organization and infrastructure for collaborative design tools. ## Continued Hiring - Figma says it is still early in its development and expects significant opportunities and challenges ahead. - The company invites engineers, designers, writers, and product managers who are passionate about design to apply for open roles. Figma’s leadership changes are intended to turn growing demand for collaborative design software into scalable business and technical execution. Wittman will strengthen operations and commercial strategy, while Rasmussen will lead the engineering organization needed for Figma’s next stage.

Read original(opens in new tab)
FigmaDesign CollaborationSaasDeveloper Tools+2
figma2 min readCurated summary

5 books that shaped the design approach of Airbnb’s Jon Gold | Figma Blog

Jem Gold’s design approach combines systems thinking, human-centered technology, disciplined focus, mindfulness, and functional programming. The five books she recommends show how design can be treated as a generative process—one that connects creative practice with engineering and tools that augment human ability. ## Designing Programmes: Design as a System - Karl Gerstner’s *Designing Programmes* presents design as a process that generates assets rather than relying on humans to create every final output manually. - Though focused on layouts, logos, and typography, its ideas remain relevant to modern UI and design systems. - Gold values the concept of a flexible pipeline that people can shape, with the system producing consistent results. ## 10% Happier: Creating Space for Better Decisions - Dan Harris’s memoir about meditation influenced Gold’s design process and outlook. - Meditation helps her avoid immediate, visceral reactions and take time to investigate the best response. - She especially appreciates Harris’s skepticism toward mystical or “woo-woo” claims, making the book a practical introduction to meditation. ## The Dream Machine: Computers as Creative Partners - *The Dream Machine* explores J. C. R. Licklider’s vision of “man-computer symbiosis,” in which computers enhance human intelligence. - It describes researchers who rejected IBM’s slow, punch-card-based model of computing in favor of interactive systems people could enjoy using. - Gold identifies with their rebellious belief that technology should augment human creativity rather than merely automate routine tasks. ## Deep Work: Protecting Creative Focus - Cal Newport’s *Deep Work* argues that social media fragments attention and prevents sustained, original thinking. - Gold responded by eliminating social media for a month and scheduling dedicated blocks for creative projects. - When she felt the urge to check distractions, she replaced the habit with activities such as running or reading. - The practice helped her preserve focus and create space for ideas to develop. ## Functional Programming: Building from Small Primitives - *Professor Frisby’s Mostly Adequate Guide to Functional Programming* introduces functional programming through a short, approachable, free online book. - The paradigm breaks problems into small, composable units that can be rearranged and combined. - Gold applies this principle to design systems: instead of starting with a large page and breaking it down, designers can begin with basic primitives and build upward. - This approach connects programming concepts directly to scalable, reusable design work. Together, these books recommend a design practice built from composable systems, deliberate attention, skepticism, and technology that expands human creativity.

Read original(opens in new tab)
AIDesign SystemsReactTypography+2
figma3 min readCurated summary

An alternative approach to rate limiting | Figma Blog

Figma built a Redis-backed rate limiter to protect its web application from excessive traffic and spam. The system needed to work across multiple servers, add minimal latency, remove stale data efficiently, remain accurate, and use little memory. Common algorithms each met some of these goals, but introduced trade-offs involving atomicity, burst behavior, or memory consumption. ## Requirements and Redis - Rate limits cap requests from a user or IP within a time period. - Figma needed shared state because its application ran on multiple machines. - Redis was preferred over PostgreSQL because it provides: - Faster in-memory reads and writes - Built-in expiration for stale tracking data - Efficient storage for rate-limit state ## Token Bucket - Stores each user’s last-request timestamp and remaining token count in a Redis hash. - Tokens refill over time; a request is rejected when no tokens remain. - It is memory-efficient and conceptually elegant. - Its read-then-write operations are not atomic: - Two servers can read the same remaining token count. - Both may accept a request even though only one token was available. - Redis locks could prevent this race but would slow concurrent requests and add complexity. - Lua scripting could make the operations atomic, but Figma avoided introducing that complexity. ## Fixed Window Counters - Stores a request count for each user and fixed time interval, such as one Redis key per minute. - Each request atomically increments its interval’s counter. - Keys expire after the interval, preventing stale data from accumulating. - The approach is simple, memory-efficient, and avoids the token bucket’s race condition. - Its major flaw is boundary bursts: - With a five-request-per-minute limit, a user could send five requests at the end of one minute and five more immediately afterward. - This allows up to twice the intended traffic over a short sliding period. ## Sliding Window Logs - A sliding window log records the timestamps of individual requests. - Older timestamps can be removed as the window advances, and the remaining entries provide an accurate count. - This avoids the boundary problem of fixed windows. - The trade-off is memory usage: users making many requests require many timestamps to be stored. ## The Central Trade-off - Token buckets use little memory but require careful handling of distributed atomicity. - Fixed counters are atomic and efficient but can permit bursts at window boundaries. - Sliding logs are accurate but consume more memory. - Figma’s rate limiter was designed around balancing these competing concerns rather than choosing the theoretically simplest algorithm. The practical lesson is to select a rate-limiting strategy based on the required accuracy, concurrency model, storage system, and memory budget. Redis is a strong fit for distributed rate limiting, but the algorithm must account for both race conditions and burst behavior.

Read original(opens in new tab)
PostgreSQLDistributed SystemsRedisRate Limiting+2
figma2 min readCurated summary

Figma’s new icon | Figma Blog

Figma’s 2017 icon redesign reflects the company’s growth and broader design philosophy. Rather than treating the icon as a standalone mark, Figma built it around three ideas: fundamental design elements, playful experimentation, and modular systems. The result is a bright, flexible icon made from simple shapes that represents both Figma’s product and its approach to design. ## Celebrating the Fundamentals of Design - All designs can be reduced to basic elements such as points, lines, and shapes. - Figma’s own tools follow this principle: a relatively small set of carefully integrated functions can produce complex results. - The icon celebrates these foundational building blocks, echoing traditions associated with Bauhaus and other design movements. - Its simple forms represent Figma’s goal of empowering designers to create sophisticated work from elemental components. ## Encouraging Play - The icon’s bright colors and block-like shapes were inspired by children’s building blocks. - Figma views experimentation and play as important ways to discover new solutions. - An open, playful design process can produce more creative and unexpected outcomes. - The icon is intended to communicate the same openness and enjoyment that Figma hopes to enable in its users’ workflows. ## Design as a System - Digital products must work across many screen sizes, devices, operating systems, and connection conditions. - Modular systems and reusable components are therefore more effective than one-off designs. - Figma favors rules-based, vector design because it can adapt to different environments more reliably than fixed pixels. - The new icon is constructed from three simple shapes arranged on a modular grid, reinforcing the idea of flexible, reusable design components. - This concept connects to Figma features such as team libraries, which help designers build and maintain systems. The new icon extends Figma’s identity while expressing its core beliefs: strong design starts with fundamentals, creativity benefits from play, and digital work is most powerful when built as an adaptable system.

Read original(opens in new tab)
FigmaDesign SystemsResponsive DesignVector Design+2
figma2 min readCurated summary

Should designers learn to code? | Figma Blog

The article argues that learning to code is not a universal requirement for designers. Alex Cornell chose filmmaking and motion graphics instead because his engineering-heavy startup already had strong coding expertise, and that specialization later helped him launch Facebook Live. While coding can improve collaboration with engineers, designers should choose skills based on their interests, team needs, and career goals. ## Coding Is a Personal Choice - In 2007, deciding whether to code was viewed as an individual career choice rather than an expected designer milestone. - Cornell worked alongside highly experienced engineers, so learning to code would have duplicated an existing team strength. - He chose filmmaking, After Effects, and Premiere because he found motion graphics more engaging and useful. - Without modern prototyping tools, he used After Effects to demonstrate animated interface ideas. ## The Value of Learning Adjacent Skills - Cornell sometimes wonders what learning to code might have enabled, but does not fundamentally regret his decision. - His design career benefited from understanding how engineers think and how to translate design concepts into technical language. - At Facebook, coding is helpful but not essential to his role. - Specializing in a complementary discipline can make a team stronger than having everyone develop the same skills. ## The Boundary Between Design and Code Is Blurring - Modern tools such as Framer and Origami combine visual design with logic and interaction. - Designers increasingly work with systems that sit between traditional design and programming. - Because roles and tools overlap, the question is no longer a simple choice between coding and not coding. - There is no universally correct answer; the best path depends on the individual. ## Writing and Communication Matter - Cornell recommends writing and communication or presentation as especially valuable alternatives to coding. - Strong design or technical execution may have little impact if the designer cannot persuade others to support the idea. - Communication can take many forms: - Speaking in meetings - Presentations and slide decks - Films or demonstrations - Clear written explanations - These skills combine practical communication with emotional intelligence, helping designers influence decisions and move projects forward. - Cornell also cautions against leaving school too early because writing, communication, and interpersonal skills are harder to acquire independently than technical skills. Designers should learn to code when they are genuinely interested in it or when it serves their goals—not because it has become an expected rite of passage. Building complementary strengths, particularly in writing and communication, can be just as valuable.

Read original(opens in new tab)
User ExperiencePrototypingFramerMotion Graphics+3
figma2 min readCurated summary

The 6 design trends John Maeda predicted in his State of the Union | Figma Blog

John Maeda’s 2017 *Design in Tech Report* predicted rapid growth and transformation in product design. The article argues that companies increasingly need designers because technology has become easy to build, making user experience and emotional relevance key differentiators. However, fragmented tools and outdated education remain major challenges. ## Designer Hiring Surges - Major corporations are expanding their product design teams. - Companies such as Facebook, Google, and Amazon reportedly hired 65% more designers in the previous year. - More than 35 design agencies were acquired by large companies over two years. - As app development becomes commoditized, design determines how useful and meaningful products feel to people. ## More Inclusive Design - Technology’s broader reach requires products designed for people from varied backgrounds and experiences. - Companies including Airbnb, Slack, Google, and Microsoft were highlighted as leaders in inclusive design. - Inclusion is becoming both a social responsibility and a product-quality requirement. ## Design Education Falls Behind - Many design programs remain focused on print-era disciplines such as traditional typography. - Schools often fail to teach digital product design for web and mobile platforms. - More than two-thirds of surveyed students said they learned digital skills independently through resources such as Lynda.com. - Maeda expects educational institutions to change slowly because their structures and processes evolve deliberately. ## Design-Focused Investment - Venture capital is showing greater interest in companies built around design. - Two VC firms were reportedly launching with design-focused investment strategies. - Designers themselves show entrepreneurial interest: 80% of those surveyed said they would start a company if they had sufficient funding. ## Growing Number of Design Tools - Product design tools remain fragmented, supporting different workflows rather than one unified process. - Many companies are attempting to streamline collaboration and production. - Maeda warned that increasingly sophisticated tools could create more opportunities for machine intelligence and eventually reduce demand for some design work. ## Emerging Specializations - Voice-interface design is growing alongside products such as Amazon Alexa. - Cybersecurity is creating demand for specialized designers. - China is expected to become increasingly influential in the global design landscape. The outlook for technology and product design is strong, but the industry must address outdated education and disconnected workflows. Designers, companies hiring them, and toolmakers all have opportunities—especially to create more unified, collaborative design processes.

Read original(opens in new tab)
FigmaProduct DesignWeb DesignUser Interface Design+4
figma3 min readCurated summary

Did Snapchat succeed because of its controversial UI? | Figma Blog

Snapchat’s confusing, unconventional interface may have helped rather than hurt its success. By rejecting standard usability rules, it created a product that encouraged exploration, social teaching, creativity, and a sense of insider belonging. Its design was partly accidental, but it also introduced influential mobile interaction patterns that made Snapchat distinctive. ## Breaking Conventional Usability Rules - Snapchat violated the principle of making interfaces immediately understandable. - Its navigation was chaotic: - Stories used both vertical and horizontal scrolling. - The camera screen contained unrelated controls. - There was no consistent navigation bar. - Designers argued that design should solve a problem, even if the result is less polished or intuitive. - Snapchat demonstrated that usability is not always the most important measure of a successful product. ## Tribal Knowledge and Millennial Appeal - Many users initially found Snapchat frustrating and ridiculous. - Its hidden features, such as filters and video calling, were often learned from friends. - This dependence on “tribal knowledge” created: - A sense of belonging among users. - A private space that felt separate from parents and older generations. - A rewarding discovery process. - The app’s messy interface also reflected the informal, chaotic identity its young audience associated with itself. ## Pioneering Mobile Interaction - Snapchat was among the first major social apps to open directly to the camera. - This encouraged users to create content rather than simply consume it. - Gestures such as swiping, tapping, double-tapping, and holding became essential commands. - Swiping to access filters was more fluid than browsing static filter thumbnails. - Its multidirectional navigation arguably suited touchscreen devices better than tiny menu buttons. ## “Shareable UI” Instead of Intuitive UI - Josh Elman described Snapchat’s approach as “shareable UI.” - Rather than making every feature discoverable by individual trial and error, the app encouraged users to learn from friends. - Social products can benefit from features that people want to demonstrate and discuss. - The goal is not always immediate comprehension; a powerful or entertaining product may spread because users teach one another how to use it. ## Accidental Innovation or Deliberate Strategy? - Some designers believed Snapchat’s interface was simply the result of accumulated bad decisions. - Others saw its design as unusually attuned to younger users and mobile behavior. - Regardless of intent, its unconventional choices helped establish new patterns for camera-first apps, gesture-based controls, and socially learned features. Snapchat’s success suggests that products do not always need to be intuitive or conventionally polished. A distinctive, difficult-to-master interface can succeed when it creates social value, rewards discovery, and gives users something worth sharing.

Read original(opens in new tab)
User ExperienceUser InterfaceInteraction DesignMobile Design+3
figma3 min readCurated summary

Realtime Editing of Ordered Sequences | Figma Blog

Figma needed a way for multiple users to edit ordered object sequences simultaneously while ensuring every client eventually reached the same state. Although Operational Transformation (OT) could solve the problem, Figma chose fractional indexing because it is simpler, supports efficient reordering, and was sufficient for design documents. The trade-offs—such as possible interleaving and growing index lengths—were acceptable in Figma’s use case. ## The Realtime Ordering Problem - Figma documents contain ordered children inside groups, components, and other compound objects. - Users can insert, delete, or reorder objects while edits are applied locally and propagated asynchronously. - Because clients may receive operations in different orders, the system must guarantee eventual consistency: every client must end up with the same document. ## Operational Transformation - OT transforms concurrent operations so they preserve the intended result regardless of application order. - For example, an insertion before a deletion may require adjusting the deletion’s index so it still removes the intended characters. - OT offers: - Strong performance and low memory usage for very large sequences. - Linearized concurrent insertions rather than interleaved content. - However: - It is difficult to understand and implement correctly. - Reordering is typically represented as a delete followed by an insert. - Supporting more operation types increases implementation complexity substantially because operations must be transformed against one another. - Figma considered OT excessive because its sequences were not enormous, interleaving was acceptable, and reordering was especially common. ## Fractional Indexing - Each object receives a numeric position, and children are ordered by sorting these positions. - To insert between two objects, Figma assigns the new object the average of their positions. - Positions are arbitrary-precision fractions between 0 and 1, stored as strings to preserve precision. - Figma uses a compact base-95 representation, omitting the leading `0.` and using the full ASCII range. - Reordering requires changing only one position value. ## Trade-offs and Conflict Handling - Fractional indexes are easy to understand and implement, but: - Index strings can grow after many insertions. - Concurrent insertions may interleave. - Averaging fails if two neighboring objects have identical indexes. - Index growth is not a practical concern for Figma because document sizes and user-driven reorder operations are limited. - Interleaving is generally acceptable for design objects, which often do not overlap; users can manually correct unusual ordering. - If two clients insert between the same objects, the server assigns a unique position to prevent duplicate indexes. Figma’s experience suggests that a simpler, stable algorithm can be more valuable than a theoretically stronger one. Fractional indexing made collaborative ordering easier to maintain and extend while meeting the practical needs of a design tool.

Read original(opens in new tab)
Distributed SystemsOperational TransformationEventual ConsistencyFractional Indexing+3