Design Systems

Grommet documentation

Open source design system for your next travel project

I am a freelance interactive designer that’s currently living in Salt Lake City, Utah. On my blog I like to write about design, computers, Apple, exercising outside and more.

Guidelines and documentation about designing products at Meetup HQ

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

In this article I will show you all the cool things people are doing to document design tokens. Hopefully, you will learn something new you can take back to your design system. Before we get started, a few quick notes.

Seeds is Sprout Social’s creative hub, housing all the resources we use to express our brand’s identity and values.

I really like using Jira. I value the order it brings to the complicated chaos of making, curating, and contributing to design systems. I’m no Jira admin, and I ain’t no certified scrummaster. That…

An open-source UI component library for building high-quality, accessible design systems and web apps.

From Basics to Expanded Concepts to Apply Space with Intent

A friend asked me to share a few favorite resources on design systems. I thought I’d share them with you, too.

I find working with the grid helpful. The grid helps to maintain consistency across the different layouts and make faster design decisions. Grids give more precise control over alignments and layout on different screen sizes. This article highlights the most important aspect of the responsive grid and how product designers can adapt grids in their design workflow.

Terms, Types, and Taxonomy to Describe Visual Style

A reflection on maintaining systems nimble and healthy through separation of concerns and interoperability.

Diez radically reduces the cost of delivering a consistent visual identity across your company’s apps & websites.

Complete guide to designing a site using a collaborative and powerful design system Only a few years ago, Figma came out as the first design tool that utilized the power and accessibility of the Web while promising the same…

Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.

Any UI Design System is built on the three main pillars of Colours, Scales (Size and Spacing), and Typography.

The definitive guide to standardize the UI Components naming. Our short-term goal is to include more details about each component (size, colors, code, best practices, etc).

Resources, components, and design guidelines behind GitLab

Choose Fonts, Set a Hierarchy, and Integrate with Components

A collaboratively developed, universal content style guide, based on usability evidence. Created by Content Design London.

Over the past few months, I’ve been helping Lyft build the initial version of our Figma design systems library with scripts…