Tokens end-to-end

Začali jsme inventurou všech stylů a vytvořili mapu hodnot pro barvy, typografii a spacing. První iterace vznikla ve Figma, následně jsme exportovali do YAML. Tento proces nám umožnil systematicky projít všechny designové rozhodnutí a vytvořit konzistentní systém.

Z Figmy do kódu

V CI generujeme balíčky pro web i mobil. Používáme i kontrolu proti driftu, aby produktové týmy nezaváděly hodnoty mimo tokeny. Automatizace nám šetří čas a zajišťuje konzistenci napříč platformami.

Více k tématu najdeš v sekci přednášky nebo v talku o design systems. Workshopy o design tokenech jsou také velmi populární.

Open source plány

Otevřeli jsme i malou interní knihovnu @frontkon/tokens a plánujeme ji ukázat komunitě. Chceme sdílet naše zkušenosti a pomoci ostatním týmům implementovat podobné systémy.

Pokud chceš detailní pipeline, napiš nám – rádi sdílíme configy a pomůžeme s implementací.