Skip to main content
UI Coach Logo

Topic

Design Systems

Components, tokens, documentation, and the systems that keep product UI consistent.

A design system is a shared language for building interfaces. Tokens, components, and documentation exist so teams can ship consistent UI without reinventing every button.

This topic covers foundations, contribution models, and the practical work of keeping a system useful as a product grows.

UI Coach guides

Start here

GuideUI CoachDesign Systems

Design System Best Practices

How to build a design system that teams actually use: tokens, components, documentation, and contribution.

Read the guide

From the community

Latest articles

EightShapes · Nathan Curtis · Feb 13, 2023

The EightShapes Specs Figma Plugin

How it works, and how to make it work for you Creating component design specifications (“specs”) is grueling. Designers can spend hours manually itemizing elements, outlining props and options, and mapping tokens to elements across states and configurations. Oh, and all the redlines. For many, it’s time consuming and.

Read

EightShapes · Nathan Curtis · Nov 26, 2022

Reimagining a Token Taxonomy

Notes from design token projects, from audits to implementation Design token dreams have turned to reality across most design systems. Yet some teams now see a years-old inventory as out of step with how naming design tokens has evolved. Others lack alignment across outputs and continue the struggle with libraries and.

Read

Adam Silver · Mar 3, 2019

Form builders, design system thoughts, new design system components

Insanity Max 30—first month done Let’s start with the easy one. I’m half way through this two month program. I have seen huge results in my fitness levels in just 4 weeks (results below). Looking forward to and dreading month 2 in equal proportions as I am pretty sure the level goes up a notch. Not to mention how badl.

Read

Lyft Design · David Wu · Mar 6, 2023

Scaling Design: Building Lyft’s plug-and-play payment system

Illustration by David Wu Nothing erodes customer trust faster than a broken payment experience — it needs to work every time. So designing a system of payment components is understandably daunting, requiring a seamless user experience, integration with existing systems, and impenetrable security. Here, we’ll explore a.

Read

Material Design · May 11, 2022

Material Icons: Sehee Lee

An interview with Senior Visual Designer leading icons and design systems for Google Fonts, Sehee Lee

Read

Adam Silver · Jun 3, 2026

Do web components make your design system framework-agnostic?

I recently read a blog post claiming that web components can make your design system framework agnostic. But this is down to the false dichotomy between engineers who: - love React (or the current popular thing) - hate React (or the current popular thing) React is probably a bad choice for your design system. But that.

Read

Adam Silver · Apr 28, 2019

Prototype versioning, namespacing design systems, discussing a header component

Versioning prototypes, design system bits and article updates. Versioning prototypes In the past 12 months I’ve created 5 different prototypes using the GOV.UK Prototype Kit. At times, due to the rapid pace of iteration, I’ve not been the most hygenic when it comes to versioning. That means different versions sometime.

Read

Practice this

Related challenges

Advanced
Collaboration

Team Design Review Workspace

Design a review workspace that keeps comments, versions, decisions, and ownership connected to the latest interface work.

Desktop web2 to 4 hours
Product ThinkingInteraction Design
Advanced
Collaboration

Collaborative Presentation Storyboard

Design a team workspace for shaping a presentation narrative, assigning slides, and resolving feedback before a deadline.

Desktop web4 hours plus
Product ThinkingInformation Architecture
Advanced
Enterprise

Multi-Team Admin Platform

Design an organization administration system for teams, inherited permissions, shared billing, and auditable access changes.

Desktop web4 hours plus
Information ArchitectureDesign Systems

Useful resources

Tools and libraries

Design Systems Repo logo

Design Systems Repo

Design Systems Repo is listed as a design-system reference for component standards and design tokens. Review the official site for current formats, availability, pricing, and license terms.

Pricing unverified
Ant Design logo

Ant Design

Ant Design is listed as a design-system reference for component standards and design tokens. Review the official site for current formats, availability, pricing, and license terms.

Pricing unverified
Apple Design Resources logo

Apple Design Resources

Apple Design Resources is listed as a UI kit resource for rapid prototyping and component exploration. Review the official site for current formats, availability, pricing, and license terms.

Pricing unverified
Atlassian Design logo

Atlassian Design

Atlassian Design is listed as a design-system reference for component standards and design tokens. Review the official site for current formats, availability, pricing, and license terms.

Pricing unverified

Related roles

Current design jobs

156 active roles currently match design systems in the UI Coach job catalog.