# Mi az a Design System?

> A design system egy kiterjedt szabályrendszer, ami megmondja, hogyan nézzen ki és hogyan működjön a terméked vagy márkád. Olyan, mint egy közös vizuális nyelv a csapatodban, amivel gyorsabban és rendezettebben tudtok dolgozni. A styleguide, a design kézikönyv és az arculati rendszer is mind ebbe a kategóriába tartozik.

Forrás: https://brandguide.hu/mi-az-a-design-system/  ·  Megjelent: 2021-10-15  ·  Frissítve: 2026-10-16

## **A modern kor arculati kézikönyvei**

A design system az egyik legkedveltebb mai buzzword. Design systemet szeretnék, hangzik el egyre gyakrabban a megbízóink szájából, ezért is gondoltam, hogy érdemes erről a témáról részletesen írni.

![](https://brandpedia.hu/wp-content/uploads/2020/12/Kepernyofoto-2020-12-12-21.44.09-1024x396.png)

## **Mi is a design system?**

Legós példán mutatom be az alapproblémát: ha van nagyon sok legónk, idő- és erőforrásigényes az építés, ki kell keresni a megfelelő elemet. Ezzel ellentétben, amennyiben előre elrendezzük az elemeket, akkor utána hatékonyan, gyorsabban tudunk dolgozni. Sőt, ha van egy leírásunk az összeépítésről, akkor még gyorsabban tudunk építeni. Ez a design systemek MVP-je (Minimum Viable Product). Styleguide, design kézikönyv, arculati rendszer, UX/UI-guide. Ezek mind design systemek. A design system egy kiterjedt szabályrendszer, amely segítségével definiálható egy rendszer működése és megjelenése.

Első és alapvető célja, hogy rend legyen, rendszert alkosson. A vizuális nyelv is olyan, mint bármilyen másik nyelv: akkor egyértelmű mindenki számára, ha ismerik a használat szabályait. Ahogy növekszik egy terméket fejlesztő csapat, úgy lesz szüksége közös vizuális nyelvre.

## Mit vigyél haza

- A design system elsődleges célja a rend, hogy legyen közös vizuális nyelvetek.
- A styleguide, a design kézikönyv és az UX/UI guide mind design system típusok.
- Ha előre elrendezed az elemeidet és leírod a szabályokat, gyorsabban tudtok építeni.
- Minél nagyobb egy csapat, annál nagyobb szükség van közös vizuális szabályokra.

## Gyakori kérdések

### Mi az a design system egyszerűen megfogalmazva?

A design system egy kiterjedt szabályrendszer, amely meghatározza egy rendszer működését és megjelenését. Olyan, mint egy közös vizuális nyelv, amit mindenki ért a csapatban.

### Mi a különbség a styleguide és a design system között?

A cikk szerint a styleguide, a design kézikönyv, az arculati rendszer és az UX/UI guide mind design systemek, tehát ugyanannak a dolognak különböző elnevezései.

### Miért van szükség design systemre egy vállalkozásban?

Mert rendet teremt: ha előre elrendezed az elemeket és leírod az összeépítés szabályait, gyorsabban és hatékonyabban tudtok dolgozni. Ahogy nő a csapat, egyre fontosabb a közös vizuális nyelv.