Posts Tagged ‘design systems’

Some really great things in here. I found myself nodding right along.

Neurodiversity Design System articulates some good design best practices to make information accessible to more people. Like most things accessibility related, these are design considerations that make an experience better for everybody, not just those with disabilities.

There’s so much truth to this tweet by Masato: At face value, design system jobs look quite similar to other design/development jobs; designers use design tools to design stuff and developers use front-end code to build stuff. Design systems work […]

Testing design system component libraries is critically important, but has historically been a pain in the butt to implement. That’s why I’m thrilled my brilliant colleague wrote Testing Components in Storybook in 2023, which details how to lean into Storybook’s testing […]

I had a great time on the Skip To Content podcast chatting about how design systems are great vehicles for delivering more accessible experiences to users. Check it out:

Building conscious design systems by Amy Hupe is a very, very good read. You should read it all.

This Design System ROI Calculator by Knapsack is fun. It’s often tough to quantify the benefits a design system provides, so things like this are helpful even as a conversation starter.

The Component Gallery is a collection of interface components from real-world design systems. I created it to help with some of the problems that I experience every day as a front-end developer: Some interface problems have already been solved: there’s no need […]

A collection of Design Systems for Figma from all over the globe 🌎 Extremely useful. I will no doubt be referring to Design Systems For Figma on the regular.

Here’s some good food for thought for naming conventions for various aspects of design systems: Naming conventions for design systems

Here’s a nice article by the folks at Storybook that deconstructs my interview with Michael Chan.  The gist of the article is: 🙅‍♂️ Not all engineers are made for design system work 🛠 Design system developers need custom tools 🐌 […]

A good overview of a common foe: wrestling mustard to achieve sufficient contrast when wielding yellow. Source: The “Dark Yellow Problem” in Design System Color Palettes | by Lodestar Design | Apr, 2022 | Medium

Love me a good pros/cons article. This post does a great job talking about React-based headless UI frameworks that provide functionality and accessibility controls, but don’t provide any default styling (a la Material Design or Bootstrap). We’ve used a few […]

This is a pretty great guide to naming design tokens and follows pretty closely how we structure our tokens.

Here’s a break down how we build components with similar conventions across many different frameworks, written by my brother Ian (@frostyweather). All of these frameworks can have similar component structure, component user APIs, properties, state management, methods/functions, lifecycles, and more. […]

I had the honor to be the first guest on Storybook‘s new Storytime show with the great Michael Chan (aka @chantastic). We talked about the history of atomic design and the rise of the modern JS landscape, how directly-consumable UI […]

We often talk about design systems as singular entities. “The design system saves time and increases quality.” “Oh, the design system provides that.” “Update to the latest version of the design system.” The reality is that a design system is […]

Using a design system made a simple form page 47% faster to develop versus coding it from scratch. It’s super tricky to measure the value of a design system, so the folks at Sparkbox had a great idea. They raced […]

A design system’s reference website (such as lightningdesignsystem.com, polaris.shopify.com, and a slew of others) serves as the center of gravity for the design system. It rounds up all the design system’s ingredients and serves a watering hole for different disciplines, […]

This image is fantastic: This is a great read from Ben: The Never-Ending Job of Selling Design Systems – A List Apart

“When should we make something a component?” is a question I’ve been fielding for years. My strong answer: right from the start. Creating things with a component-based mindset right out the gate saves countless hours and wailing and gnashing of […]

Source: The context dilemma: design tokens and components | Frontside

The products we design are always influenced by the users’ world where they are situated. By bringing context into design systems first, before building the components which result from it, we enable teams to make more confident decisions and deliver […]

Fantastic article by Linzi Berry about creating a smart, accessible color system to power a design system. Source: Color within Constraints. A scalable color system for digital… | by Linzi Berry | Tap to Dismiss

This is a fantastic article about supporting multiple platforms with a design system. It maps very well to my experience helping organizations create and maintain technology-agnostic design systems. Ultimately, these efforts are way more a people thing than a technology […]

A collection of Design Systems for Figma from all over the globe 🌎 Source: Design Systems For Figma

Successful design systems are finely tuned to the organization they serve. At the beginning of every client design system engagement, we spend a great deal of time learning about our client’s culture, politics, products, tools, and workflows. Sure, we’ll get […]

I had a great time chatting with Evan Lovely and Chris Strahl about treating code as the source of truth for design systems amongst other topics.

Well-documented code guidelines and standards are absolutely critical for creating consistent, cohesive code together. Especially in the context of creating a design system’s component library, it’s crucial to establish consistent API and code conventions to create an excellent user developers’ […]

I had the pleasure of popping by Google’s NYC office to chat with Rick Viscomi of Google Chrome Developer’s State of the Web series about design systems, atomic design, designer/developer collaboration, and a bunch of other topics. One of my […]