Design systems

Os design systems são um conjunto de orientações que funcionam essencialmente como uma base de trabalho comum entre as equipas de desenho e desenvolvimento de um qualquer produto digital.

A finalidade principal destes sistemas escaláveis passa por definir de forma evolutiva todos os elementos, componentes e páginas essenciais à construção da user experience (UX) e user interface (UI) de um produto digital.

Exemplos

Design systems Pinterest by Ruben Ferreira Duarte

Standards manual

Awesome design systems

Adele by UXPin

Atomic design system (MoPlay) – episode 1 – the story behind it

Reimagining design systems at Spotify

Creating Virgin Atlantic’s digital design system – part 1

How to build and maintain an equitable design system in Abstract

Radiant the ThoughtSpot design system

Livros

Atomic design by Brad Frost

Laying the foundations by Andrew Couldwell

Design Systems by Alla Kholmatova’s

Invision – design systems handbook

Expressive design systems by Yesenia Perez-Cruz

Creating a design system – the step-by-step guide by UXPin

Animation in design systems by Val Head

Videos

Design systems London – videos

Design systems with Brad Frost and Google – the state of the web

Build your design systems like the pros by Invision

Eventos

Design systems London

Essenciais

Design systems news

Design systems at Medium

Design systems checklist

Patternlab

Design systems .com

Design systems repo

Website styleguide resources

Nathan Curtis on Medium

Referências

Opening up the data behind your design systems

Mixin design tokens

How to build a design system with a small team

Measuring the impact of a design system

Everything you need to know about design systems

The system always kicks back

Useful sections for a design system reference site (Superfriendly)

DesignOps lab – toolkit

Picking parts, products and people (with checklist)

7 Requirements of holistic design system

Invisible design systems

Measuring the impact of a design system

Design systems tiers

How I made a themeable design system for my professional brand

A design system business case and business benefits – the ultimate guide

Building, maintaining, and distributing your design system

The ABCs of design systems

Design system communications

Conducting an interface inventory (Brad Frost)

Building a large-scale design system for the U.S. government (case study)

What I learned as a design systems UX writer

Design files to design system – a practical guide

Redesigning components for an existing design system

The state of design systems in the Netherlands 2019

A unified language for the design of information systems

A comprehensive guide to design systems

Understanding the parts of a design system – tokens, assets, components and patterns

How do design systems incorporate motion design

The do’s and don’ts of building a new design system

The state of design systems in 2020

Product team comes to design help design and build New York (Coggle diagram)

Designing a systems team

Resources, links, references and articles on design systems

Distilling how we think about design systems

Design systems – in the wild (with illustrations)

ITCSS – scalable and maintainable CSS architecture

Releasing design systems

Nathan Curtis (Medium)