Search the archive

DIETER RAMS-INSPIRED FRAMER COMPONENTS

This set of Framer components translates Rams' design principles into realistic and high-polished UI elements.

ACCESSIBILITY SIMULATOR (FIGMA PLUGIN)

This Figma plugin allows users to simulate different types of vision issues and identify potential accessibility issues early in the design process.

INTERVIEW WITH ARIEL SALMINEN, NORD'S DESIGN SYSTEMS ARCHITECT

Nordic's Design Systems Architect Ariel Salminen discusses the challenges of building a design system, the importance of collaboration, and how design systems affect the organization and its people. According to Salminen, we should focus less on tools and processes and more on the people involved and how our design system affects them.

WHICH IS BETTER; ZOOM, TEAMS, OR MEET?

When it comes to Zoom, Microsoft Teams, and Google Meet, the person who creates the meeting decides which tool to use, subjecting every person they meet to a “guest experience” that is often dire. Random updates, installations, errors, account creation, and gear setup are just a few things that users have to go through.

THE THREE SECRETS TO FONT PAIRING

Good graphic design is mainly about a solid typography foundation, which is incredibly challenging with font pairings. This 3-step framework makes pairing a breeze. Start by finding the best anchor font you can find. Next, find a typeface in the sweet spot of similarity and contrast it with your anchor font. Lastly, aim for the right amount of personality without compromising functionality.

WHY HAND-DRAWN DESIGNS ARE RISING IN THE DIGITAL AGE

Hand-drawn work's rough charm and human touch are increasingly attracting audiences because of its high level of personality in a world of sleek sterile pixels. In contrast to algorithmic-driven design trends, hand-drawn designs evoke warmth and authenticity, add a human touch, and convey care, thoughtfulness, and uniqueness.

EMBRACING “GOOD ENOUGH” IN DESIGN: A PRACTICAL APPROACH

The temptation to polish everything to perfection is natural - and a mistake. "Good enough" does not mean mediocre - it means meeting the user's needs and attaining the business objectives with efficient and practical work.

ACCLAIMED ARTIST SACHA JAFRI BELIEVES AI ART "IS VERY DANGEROUS" TO HUMANITY

Sacha Jafri sold his painting 'Journey of Humanity' in 2021 for $62 million, the third-highest sum ever for a living artist. The Dubai-based painter uses art to connect with and understand the world - he says AI and other recent technologies do the opposite.

YOUR REFERRAL LINK - https://tldr.tech/design?ref=2613930

34 YEARS AGO TODAY, ADOBE CHANGED THE WAY WE EDIT PHOTOS WITH PHOTOSHOP

Despite much competition, Photoshop is still a huge design tool in 2024. The Knoll brothers developed the first version of Photoshop on February 19, 1990. It was immediately popular, and Adobe bought the rights for $34.5M in 1995. After over three decades, with AI taking the world by storm, Adobe has integrated generative AI software into its suite of applications. The company remains a design powerhouse in the industry.

MEET THE NEW GOOGLE SIGN-IN PAGE

Google is introducing a "more modern look and feel" to its sign-in page that features a light Material Design makeover with horizontal alignment for better screen compatibility. The sign-in process, including password prompts, remains the same. The rollout will be gradual, with no control granted to Workspace admins or personal Google account users.

WHATSAPP ADDS NEW TEXT FORMATTING OPTIONS TO IMPROVE MESSAGING

WhatsApp has introduced four new text formatting options — bulleted and numbered lists, block quotes, and inline code — to help users better organize and format their messages. The new feature is supported in Channels. Users can employ markdown-style syntax within messages to utilize these formatting options efficiently. The new formatting options are now available across Android, iOS, Web, and Mac platforms.

5 UX DEVELOPMENT PHASES TO CREATE YOUR BRAND’S VOICE

Whether you are developing a personal brand, start-up, or refining an already existing brand, the following 5 UX phases help to structure a methodology that sets a clear path to defining your brand voice with measurable outcomes: Know and recognize your audience, state your business values, define your brand’s tone, gather feedback, and trust and entitle your team to ensure brand voice adherence.

F-SHAPE PATTERN AND HOW USERS READ

Users rarely read on the web - they usually scan instead, which could be more efficient for them, but very detrimental to your business. This article explores how users consume text online and how to prevent harmful patterns. To mitigate scanning, designers can use headings and subheadings, visually group small chunks of content, and alternate sizes, spacing, and patterns.

HOW TO PLAN AN ICON PROJECT

Planning, research, and conceptualization are essential to creating an icon, but they must be done before crafting to ensure the right design decisions occur. Establishing clear goals, setting the tone, and organizing icons are essential steps in an icon project.

GALILEO AI

Galileo AI is a UI generation platform that allows designers to explore prompts and designs from other designers and generate UI from text prompts or uploaded images.

AI COLORS

Generate color palettes from text prompts, apply and preview them on UI, and explore and switch between the palettes to find the right one.

QUALITATIVE SAMPLE SIZE CALCULATOR

Calculate how many people you need for your next research round based on your project's scope, participant characteristics, researcher expertise, and methodology.

MY DESIGN SYSTEM JOURNEY: BUILDING THE PLANE WHILE FLYING

When it comes to building and maintaining design systems, each organization presents its own set of challenges and opportunities. Rather than sticking to a rigid playbook, designers should embrace the fluidity of the process and tailor their methods to suit the unique dynamics of their team and organizational structure.

WHY YOU NEED TO TRUST YOUR GUT IN CREATIVE PROJECTS

Gut instincts are essential in creativity, even though they are difficult to quantify. You can use data to evaluate intuition, but trusting your gut is critical because it encourages you to look beyond established patterns based on data, helps you connect with your emotions, navigates ambiguity, and enables you to move quickly.

USABILITY HEURISTICS APPLIED TO BOARD GAMES

The board game industry is worth $13 billion. A great deal of design goes into it. A good game is fun, but it also needs to be accessible. This post discusses factors in board game design through the lens of the ten usability heuristics.

ALGORITHM-DRIVEN DESIGN

Algorithms-driven design tools have invaded the market, assisting designers with optimized workflows and elevating user experiences. This website features information on algorithms, neural networks, machine learning, and artificial intelligence tools in the design industry, showing how they intersect in practice.

FIGMA CATERS TO DEVELOPERS WITH DEV MODE AND AI INTEGRATIONS

Ever since the launch of Figma in 2018, it has been positioned as a cloud-based design tool. With Dev Mode, it has essentially become a design and development tool. After its sale to Adobe fell through, Figma has doubled down on targeting developers.

APPLE UNVEILS IOS 17.4 BETA 4: A LEAP TOWARD ENHANCED USER EXPERIENCE AND EU COMPLIANCE

Apple's latest software update, iOS 17.4 beta 4, significantly enhances user experience across various devices. Key features include a revamped battery health feature, improvements in Apple Music and Maps, and a focus on compliance and privacy, which aligns with EU regulations.

YOUR REFERRAL LINK - https://tldr.tech/design?ref=2613930

THE UK GOVERNMENT LOGO GETS A SUBTLE BUT CLEVER UPDATE

The UK government has quietly updated the logo on its official website to reflect King Charles III's preference for the Tudor Crown. The previous logo was based on Queen Elizabeth II's favored St Edward's Crown. The change is causing some controversy regarding its cost amidst economic concerns. Government officials have defended the update as a symbol that reflects the new monarch's reign.

ADOBE ACROBAT ADDS GENERATIVE AI TO ‘EASILY CHAT WITH DOCUMENTS’

Adobe has introduced an AI Assistant in Acrobat. The new generative AI feature enhances the digital document experience by simplifying the comprehension and retrieval of information within lengthy documents. Adobe's AI-powered chatbot can summarize documents, answer questions, recommend content, and generate citations and links. It is designed to streamline tasks associated with extensive text documents, catering to users like students, professionals, and researchers.

TESLA’S CHIEF DESIGNER HAS A SIDE HUSTLE: LEADING COWORKERS THROUGH WORKOUTS IN THE COMPANY’S PARKING LOT

Tesla's chief designer, Franz von Holzhausen, known for his work on the Cybertruck, leads wellness initiatives by conducting exercise sessions dubbed "FranzFit." Working closely with CEO Elon Musk, von Holzhausen embodies traits like decisiveness and openness to new ideas. His efforts align with a trend among tech leaders, like Will Ahmed of WHOOP and Matteo Franceschetti of Eight Sleep, who prioritize employee wellness, recognizing its impact on productivity.

INTERACTION FOOTPRINT: A NEW TOOL FOR MEASURING DESIGN

Measuring design impact is hard, especially for design outcomes that don’t go to production immediately. Designers trying to prove the improvement of a new design over the status quo can use the interaction footprint framework to prove how much the new design outperforms the old one.

OKR IN PRODUCT DESIGN

OKR is a goal-setting technique that helps teams establish measurable goals. Designers can use OKRs to drive strategic design initiatives, but they shouldn’t make them too wordy. They should be clear about their benefits to the company and be specific about when they want to achieve it.

HOW THE BIGGEST APPS DESIGN ONBOARDING: LESSONS FROM FIGMA, DUOLINGO, AND MORE

Most products simply ignore onboarding, missing an incredible opportunity to increase user retention and make customers more likely to pay. This article shows how to avoid common mistakes and engage users when they first meet your product using examples from Miro, Figma, Duolingo, and other tech companies.

NOISY GRADIENTS (FIGMA PLUGIN)

Create stunning gradient backgrounds in a variety of cool colors.

MOTION DESIGNERS' HEADQUARTERS

Motionimo is a compilation of motion design resources, tips, and inspiration.

UX CHALLENGES

This website features real-world challenges to practice crucial UX design skills.

UNVEILING THE MAGIC: A DEEP DIVE INTO SNAPCHAT’S UI DESIGN STRATEGIES

Snapchat’s UI design is a testament to the power of innovative and user-centered design strategies. The app’s intuitive navigation, visually appealing interface, and emphasis on simplicity and interactivity have made it a favorite among millions worldwide.

BEYOND NUMBERS: PROVING THE VALUE OF DESIGN(ERS)

WHAT DOES THE NEW SORA AI MEAN FOR VFX ARTISTS?

VFX artists have expressed concerns over the capabilities of OpenAI's Sora, an AI model that can generate sophisticated video content based on simple text prompts. Many fear that the new model will endanger their careers, but others welcome it and want to integrate it into their practices.

ZAPIER'S BRANDING & VISUAL IDENTITY: MOTION-DRIVEN INNOVATION

Explore how Zapier's branding and visual identity, crafted by Athletics, incorporates motion to revolutionize digital workflow automation, making every user interaction seamless and intuitive.

THE VISION PRO IS PROOF THAT THE QUEST 3 NEEDS A MAJOR UI REFRESH

Quest 3 scores points in price, hand tracking, and games, but Apple dominates in one area: UI. Andrew Bosworth, Meta's CTO, says the company is working on revamping the UI for its headsets, reworking some of the core UI infrastructure to enable a richer experience.

404 CREATIVES: EXPLORING THE ARTISTRY OF 404 ERROR PAGE DESIGN

A list of beautiful, artistically crafted 404 pages for when a website's content can’t be found. These seemingly mundane digital dead-ends have evolved into captivating showcases of artistic expression, reflecting the ingenuity and personality of their creators.

YOUR REFERRAL LINK - https://tldr.tech/design?ref=2613930

INTERVIEW: FIGMA’S CEO ON LIFE AFTER THE COMPANY’S FAILED SALE TO ADOBE

Figma’s CEO Dylan Field will use the $1 billion cash from Adobe's breakup fee to acquire tech companies. Figma was never meant to be just a design tool. Field wants to explore the potential of generative AI and the role it will increasingly play in the design process.

WHAT WAS SORA TRAINED ON? CREATIVES DEMAND ANSWERS

OpenAI's Sora is an impressive diffusion model that translates visual data into "patches," or pieces, that the model can interpret and turn into hyperrealistic videos. While the company states it draws inspiration from large language models that acquire generalist capabilities by training on internet-scale data, it doesn't mention where the visual data came from. Many artists and creatives have already expressed on social media that the model was trained based on copyrighted data and will negatively impact their livelihoods.

INTRODUCING SPECTRUM 2: ADOBE’S REVAMPED DESIGN SYSTEM

Adobe has revamped its Spectrum design product design system, establishing a consistent language and user experience. The company recognized the evolving user landscape, technological advancements, and the need for even greater cohesion across its products. Spectrum 2's preview images suggest enhanced visual hierarchy, brighter aesthetics, rounded design elements, and improved readability.

THE UX OF AI: LESSONS FROM PERPLEXITY

Most of the widespread AI integration we’re seeing now lacks creativity. Many companies rushed to cram AI chatbots into their products as a quick, obvious way to integrate the new technology. These chatbots can be helpful, but they are rarely the right solution.

THE OPTIMAL USER ONBOARDING ZONE

A user’s ability to realize the most value out of a new product (“performance”) might be correlated to the amount of friction (“stress”) involved in onboarding to it. The optimal onboarding experience can be represented as the peak of a bell curve graphed along those two measures. If the onboarding experience is too passive, or the new user is hand-held even through the most basic tasks, you risk the user not realizing the personal value they could gain from the experience - they will quickly lose interest.

THE COMPLETE GUIDE TO HICK'S LAW IN UX

With the help of Hick's Law, you can present choices strategically to users in a way that minimizes their cognitive load and effort, making their experience more efficient and enjoyable. By understanding user behavior and context within the interface, designers can reduce the number of choices in a user interface, highlight key options, use progressive disclosure, and simplify complex tasks.

HTML.TO.DESIGN

Leverage an existing website and import its HTML to Figma to start your designs without building each element from scratch. It can also be used to capture websites for a benchmark of moodboard in Figma.

RECRAFT

Recraft is a generative AI design tool that lets users create and edit digital illustrations, vector art, icons, and 3D graphics in a uniform brand style. Designers can start with text or visual input, select a style, and edit with repaint and lasso on an infinite canvas.

PUBLISH YOUR DESIGN SYSTEM INSTANTLY, DIRECTLY FROM FIGMA

Turn any published Figma library into a fully and shareable documented design system into a custom domain website.