Dan's Interesting Design Links

A guide around how to mark up tabs

The Lyft Design Systems team share how they prioritize parity across iOS and Android.

Navigating the individual contributor career path

The web is the default language of design systems right now. Any discussion about design systems is assumed to be talking about the web. And I get it. I love the web. The web is an amazing medium, but it is not the only way our customers interact with our products. A lot of the products we work on are not just web applications. As a community I want us to break outside web centric mindset and take a more holistic view to include all the ways we can help deliver experiences to our customers. Let's explore some the ways we can incorporate other platforms into our design systems.

Android O introduces an new application icon format called adaptive icons, intended to make all icons on a device more coherent. This post…

Data dashboard UX patterns, and UI examples, plus ways to elevate your data and deliver the best possible experience to users.

We are very excited to announce the release of the React Aria and React Spectrum date and time picker components! This includes a full suite of fully featured components and hooks including calendars, date and time fields, and range pickers, all with a focus on internationalization and accessibility. It also includes @internationalized/date, a brand new framework-agnostic library for locale-aware date and time manipulation.

Pixel-perfect web browser mockups for Safari, Chrome, Firefox and Brave.

Blog of Raph Levien. Nice gradient exploration tool across color spaces.

An introduction to these topics in relation to user interface design and design systems.

How to prototype advanced responsive designs in Figma using breakpoints and flexbox, and if its worth using plugins instead.

Our science-backed approach to updating a color system that supports over 100 products

“Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to use in any scenario.

Karwai Pun is an interaction designer currently working on Service Optimisation to make existing and new services better for our users. Karwai is part of an accessibility group at Home Office Digital, leading on autism. Together with the team, she’s created these …

A new team is addressing design debt in Shopify’s admin

We asked Brad Frost if design systems are still relevant in 2022?

We are in a new stage of our digital journey, trying to make things more and more automated, more accessible, and more human. If we succeed, we might even experience the end of design systems at some point in the future.

This document describes the technical specification for a file format to exchange design tokens between different tools.

Explore 1000s of components and libraries

When defining a proper color palette for the design system I was working on, I came across the “Dark Yellow Problem”, where designers try…

The Best Plugins for Creating and Managing Design Systems in Figma.

Keep your wireframes free of distracting Lorem Ipsum. - GitHub - christiannaths/redacted-font: Keep your wireframes free of distracting Lorem Ipsum.

Design tokens are the current buzzword of D-town, and most of you might be using them in some form. And if you do, this article will help…

Learn how to effectively name your design tokens in a systematic and future proof way. Understand all key concepts used today.

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API

In this article, Joshua explains how to give and receive better feedback when working remotely — feedback that is actionable, specific, kind, and that won’t set you on edge. The kind of feedback that is often really hard to do remotely. To get there, we’ll start by explaining what usually causes feedback sessions to get weird and how to prevent this from happening.

Badge (aka Tag) — small overlapped UI item which indicates a status, notification, or event that appears in relativity with the underlying object.

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

Apple’s HIG is great, but it doesn‘t contain much information related to designing menu bar extras. This article aims to provide additional details and context needed to create icons for macOS menu bar extras.