The five best design links, every weekday

Category: Design Systems

All Categories

mechanic.design

Mechanic

An open source framework that makes it easy to create custom, web-based design tools that export design assets right in your browser.

engineering.reviewtrackers.com

Establishing a Design System at ReviewTrackers

A design system’s purpose is to cross-functionally unify design language, thought, and application within the product.

hihayk.github.io

Shaper — interface styles shaper

Instead of redrawing another UI we can shape it, explore many variations in seconds, and copy the result in CSS.

designsystemsforfigma.com

Accessible Design Systems: Look Good While Doing Good

Chris LaChance talks about how to design and build accessible components for everyone.

setproduct.com

Avatar UI design exploration

Here is my UI research for the variants to design Avatars (aka Userpics). You will be guided through the States, Sizes, Styles, Usage, and Templates

designsystemssurvey.seesparkbox.com

The 2021 Design Systems Survey

This year, we delve into design system priorities and challenges, including adoption, contribution, and debt.

medium.com

An illustration style that speaks for Indeed

Building meaning and connecting with our audience through this expressive visual medium.

zeichenschatz.net

Pairing fonts – 3 ways to find great typeface combinations

A beginner’s guide on how to mix fonts for your website or app from easy to advanced.

bootcamp.uxdesign.cc

We gave up Sketch and rebuilt our design system in Figma

All the pain points of using Sketch+Abstract to create a design system and how Figma solved our problems.

hds.hel.fi

Helsinki Design System

The open-source design system for digital products and experiences with the City of Helsinki Design Language at its heart.

material.io

Material You - The next stage for Material Design

Google announced upcoming change in approach to their Material design ideas that focus on fluid, accessible, personal style.

mantine.dev

Mantine

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience.

storybook.js.org

Visual Testing Handbook

Learn how to ship UIs without worrying about stowaway bugs

uxdesign.cc

Tridimensionality: skeuomorphism, flat design, and neumorphism

This text explores the characteristics, rationale, and representation resources of three of the most relevant recent UI styles.

ped.ro

Why I Build Design Systems with Stitches and Radix

For the last couple of years, we at Modulz worked hard to facilitate how teams can build, maintain and scale their design systems.

medium.com

How to deprecate old components in Figma design systems

A strategy to help ease some of the pain and confusion when deprecating unwanted components from your Figma design system.

around.co

"This is how video calls should feel. Thank you!"Sponsored

Meet Around, video calls built for collaboration, not meetings. Free up your screen for design sessions with our lightweight, unobtrusive interface.

nngroup.com

Design Systems 101

A design system is a set of standards to manage design at scale.

storybook.js.org

Storybook 6.2 just shipped

Lots of new features and integrations to future-proof component development.

component.gallery

The Component Gallery

An up-to-date repository of interface components based on examples from the world of design systems.