Config od Figmy je jedna z nejočekávanějších událostí designérského roku – hlavně proto, že Figma na Configu ohlašuje nová vylepšení a funkce nejpopulárnějšího designového nástroje na trhu.
Design tokeny jsou tou nejnižší úrovní každého design systému. Umožňují nám efektivně ukládat a spravovat designová rozhodnutí a související vizuální vlastnosti napříč různými platformami, včetně třeba implementace barevných schémat do celého projektu
Bavíme-li se o komponentách [https://designsystemy.cz/slovnik/ui-komponenta/] design systému [https://designsystemy.cz/slovnik/design-system/], napadnou vás asi převážně prvky jako tlačítka, ikony a podobné. Design systémy však vývojářům mohou nabídnout mnohem více. Podívejme se spolu na rychlý přehled možných komponent, které ovlivňují layout a mezery mezi elementy. Mezery
Design systém je kolekce dokumentovaných komponent a standardů, které pomáhají efektivně tvořit digitální produkty. Design systémy pomáhají škálovat design a procesy zaměřující se převážně na spolupráci mezi designéry a vývojáři.
Jak se lépe ohlédnout za rokem design systémy v roce 2021 než nad již pravidelným dotazníkem Design Systems Survey od Sparkboxu.
Z anglického „Design systems adoption“. Adopce design systému je způsob, jak měřit užitečnost design systému. Vyjadřuje se jako poměr UI tvořeného komponentami z design systému vs. UI, které je definované lokálně (a není tak napojeno na komponenty z design systému).
Storybook [https://storybook.js.org/] je populární nástroj pro vývoj a testování komponent. Velmi často se Storybook také používá na vývojářskou dokumentaci.
Z anglického „Visual regression tests“. Oblíbená testovací technika pro UI komponenty design systémů. Vizuální testy pomáhají odchytit neočekávané změny designu, obzvlášť pokud se změnil např. design token nebo atomičtější, široce používaná komponenta.
Proces ve vývoji produktu, kdy vývojáři implementují připravený design. Pro úspěšnou implementaci vytvořeného designu je nezbytná pravidelná spolupráce designérů a vývojářů. Často však design handoff neprobíhá tak hladce, jak by měl – implementované designy se liší v menších nebo větších detailech, spousta informace se ztrácí a podobně. Jednou z hlavních výhod
Z anglického „Atomic Design [https://atomicdesign.bradfrost.com/chapter-2/]“. Atomický design je metodologie design systémů definovaná Bradem Frostem. Popisuje možnou strukturu design systému od nejmenších možných UI komponent (Atomy) přes kombinace komponent (Molekuly a Organismy) až po celé šablony a stránky.
Sada pravidel a doporučení dokumentovaných v design systému. Často jsou „Do's/Don'ts“ zobrazeny vedle sebe, popisující k čemu se daná komponenta nebo UX pattern může hodit skvěle (Do), a k čemu se komponenta používat nemá (Don't).
Z anglického „Content Style Guide“. Příručka pravidel pro psaní různých textů pro aplikaci nebo web. Často obsahuje nejen praktická pravidla pro gramatiku, formátování nebo voice & tone, ale i konkrétní příklady pro psaní mikro textů pro komponenty (např. tlačítko nebo tooltip) či UX patterny (např. formulářové chybové hlášky). V design