Design system je rozsáhlý manuál, který detailně popisuje veškeré komponenty, jako jsou tlačítka, formuláře, navigace, typografie, barvy, ikony atd. Najdete v něm, jak s nimi pracovat a jak se mají zobrazovat nebo měnit na různých zařízeních (mobil, notebook, tablet na výšku i šířku, větší monitor). Design system tak pomáhá vývojářům a designerům při tvorbě webů, aplikací, šablon a dalších materiálů.

• Analyzujeme současný stav – prvky a oblasti, které můžeme zlepšit. 

• Definujeme, vytváříme a upravujeme základní komponenty – tlačítka, formuláře, barvy, písmo, ikony apod. 

• Stanovujeme pravidla jejich použití – na různých zařízeních včetně popisu chování tlačítek po kliknutí atd. 

• Vytváříme dokumentaci. 

Před tím, než se pustíme do tvorby design systemu, budeme potřebovat znát: 

• Vize, hodnoty a cíle vaší značky. 

• Informace o uživatelích, jejich potřebách a preferencích.   

• Designové prvky, které používáte. 

• Požadavky ohledně funkčnosti. 

• Kontext, ve kterém se budou designové prvky používat.