10 min čteníŠtěpán Unar

Jak stavět design systémy, které rostou s vámi

Zkušenosti z budování komponentových knihoven pro rostoucí týmy.

Víc než knihovna komponent

Design systém je víc než knihovna komponent. Je to společný jazyk mezi designéry a vývojáři — jediný zdroj pravdy, který zajišťuje konzistenci, zrychluje vývoj a snižuje rozhodovací únavu na každém místě produktu.

Neabstrahujte příliš brzy

Největší chyba, kterou týmy dělají, je budování design systému příliš brzy nebo příliš abstraktně. Nepotřebujete 47 variant tlačítek hned první den. Začněte s komponentami, které skutečně používáte, pořádně je zdokumentujte a systém rozvíjejte s růstem produktu. Předčasná abstrakce je nepřítel rychlosti.

Tokeny jsou základ

Theming postavený na tokenech je základ. Definujte barvy, rozestupy, typografii a stíny jako design tokeny — ne natvrdo zapsané hodnoty. Díky tomu je pak hračka podporovat tmavý režim, white-labeling nebo refresh značky bez zásahu do kódu komponent.

Skutečný test je produkce

Skutečný test design systému není, jak vypadá ve Storybooku — ale jak funguje v produkci. Zkracuje čas na dodání nových funkcí? Sahají vývojáři po systémových komponentách místo psaní vlastních? Pokud ano, váš systém funguje. Pokud ne, je to jen hezká knihovna, kterou nikdo nepoužívá.

Napsal/a

Štěpán Unar

Chcete s námi spolupracovat?

Zkušenosti z budování komponentových knihoven pro rostoucí týmy.