Kezdj itt!

A DÁP Design System az állampolgárok számára készülő digitális állami szolgáltatások tervezési és fejlesztési keretrendszere. Ezen az oldalon összegyűjtöttük a legfontosabb információkat és linkeket, amelyekre a design system használatának első lépéseinél szükséged lesz.

A design system hatóköre

A design system első kiadása elsősorban az ügyintézési felületekhez – ügyleíró vagy tájékoztató oldalakhoz és ügyintézési űrlapokhoz – biztosít sztenderdizált komponenseket és a felületek létrehozását segítő útmutatókat.

Első kiadás: Ügyleíró oldalak, Többlépcsős űrlapok, Egyszerű komponensek. Későbbi kiadások: Általános layoutok, Oldalsablonok, Komplex komponensek.

A design systemet a hatókörön kívül is használhatod, de előfordulhat, hogy ezekhez a felületekhez egyelőre nem biztosítunk kész komponenseket vagy útmutatókat. Az alapokat – például a tipográfiát vagy a színrendszert – bármilyen felületnél alkalmazhatod. Ezekből építkezve új komponenseket és oldalakat is létrehozhatsz.

A design system inkrementálisan adaptálható. A szintekről az Adaptációs modell oldalon olvashatsz.

Letöltések

A design systemmel való tervezéshez a következő erőforrásokra lesz szükséged:

A UI Kit használatáról – komponensek publikálása, tematizálás – a Figma UI Kitben találsz bővebb leírást.

Figma használata

Ha még nem dolgoztál Figmával, nézd meg a Figma hivatalos oktatóvideóit.

Fejlesztői erőforrások

A design system kódbéli implementációját Web Components alapokon a Fejlesztői dokumentáció oldalon érheted el.