awesome-design-systems

Design collaboration without the chaos (for Sketch and XD on macOS).

5 simple ways developers can help improve and enforce website accessibility.

Share your story with designs that look and feel like the real thing. Wireframe, animate, prototype, collaborate, and more — it’s all right here, all in one UI/UX design tool.

How to Pick the Best Design Software in 2020

Helps you share design files, discuss changes, and code websites, mobile apps, & newsletters faster.

Helps teams create, test, and ship better designs from start to finish (cross-platform).

A Design tokens extractor for devs using Abstract & JavaScript.

Ship your design tokens without managing infrastructure.

Validate your design tokens against the Design Token Community Group spec.

View repository on GitHub

Test component compliance with web accessibility standards.

Get UI feedback when an action is performed on an interactive element.

Switch backgrounds to view components in different settings.

Collaborative platform to build Design Systems on the code side. Empower your front-end with an all-in-one solution to manage components. Quick start, speed-up collaboration.

Show console output like logs, errors, and warnings in the Storybook.

Book that gives the insights, skills, and practice needed to ace the toughest system design interview questions by Zhiyong Tan.

Atomic design methodology for creating design systems by Brad Frost.

Unify user experiences through a shared design language by Sarrah Vesselov and Taurie Davis.

A practical guide to creating design languages for digital products by Alla Kholmatova (Smashing Magazine).

A modern blueprint for scalable and sustainable websites by Micah Godbolt.

Creating and maintaining style guides for websites by Anna Debenham.

End-to-end design language to create straightforward and beautiful experiences.

Resources for the design systems community.

Will be building and refactoring common UI components, and share a couple of techniques she often uses to build with accessibility in mind by Sara Soueidan.

Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there? In this session, we'll look at how we can reframe our design approach to be more human-centric and systems-minded by Courtney Bradford.

Women of React conf by

Conversation about the role of design systems in modern web development and how they can change the dynamics between designer and developer by Adam Argyle (Design Advocate at Google).

UXPin - Will teach you how to build a UX Design System using the UX Pin prototyping & design platform.

Shares practical examples on where to begin to set up a design system, what to prioritize, and how to make a big impact to customers and colleagues, to help you introduce systems that bring order to chaos by Diana Mounter (Design Systems Lead at GitHub).

Visual testing for React, Angular and Vue. Chromatic ensures consistency in UI components, down to the pixel. Every commit is automatically tested for visual changes in the cloud.

Visual testing platform for React Native Storybook. Captures screenshots on iOS and Android simulators in the cloud and detects visual changes automatically.

Simple and complete testing utilities that encourage good testing practices.