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.

Design és fejlesztés

A komponensek kódbázisa nem része a DÁP Design Systemnek, és nem célja a Figma fájl pontos lekövetése. A kódbázis az IdomSoft saját, nyilvános implementációja, amely szabadon használható és módosítható.
Ha egy projekt saját keretrendszerében – az akadálymentességi követelmények betartása mellett – egyszerűbben megvalósítható a megfelelő megjelenés, akkor a kódbázis használata nem kötelező.

1.4-es verzió hibakezelése

Ha a 1.4-es verziójú Figma fájl letöltése vagy visszatöltése során hibába ütközöl, kérjük, kövesd az alábbi lépéseket. A cél, hogy a fájl végig a Figma szerverein maradjon, így elkerülhetőek a lokális letöltésekből adódó problémák.

  1. Nyisd meg a DÁP Design System 1.4-es verzióját a

    Figma Community

     felületén. Vagy keress rá Figmán belül a Communityben.
  2. Nyisd meg draftként (kérjük, ne töltsd le, maradj a Figmán belül).

  3. Mozgassátok át a saját munkatérben arra a helyre, ahol a projektet építeni szeretnétek.

A design system hatóköre

Ezt a tartalmat még készítjük.

 Szükséges eszközök

A design systemmel való tervezéshez a következőkre lesz szükséged:

  • Figma file
  • Inter betűtípus
  • Remix Icon v4.3.0

A Figma fájl letöltése után a fájlban alapértelmezetten elérhető az Inter betűtípus és a Remix Icon v4.3.0 ikoncsomag is.

Figma használata

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

Verziószámok

A Design System folyamatosan fejlődik, amit a verziószám növekedése jelez. A verziózás során a Semantic Versioning (SemVer) szabályrendszert alkalmazzuk. A verziószám három részből áll: major.minor.patch (például: 1.0.0).

Miért fontosak a verziószámok?

A változásokat a Változáskezelés oldalon követheted, de az aktuális verziót mindig megtalálod a letölthető Figma fájl borítóján és nevében is.

A verziószám részei
Milyen változásokat jelentenek a verziószámok? Major (pl: 1.0.0 -> 2.0.0.)

Breaking change-et tartalmazó, visszafelé nem kompatibilis verzió. Frissítést követően a szervezet saját könyvtárában és implementációiban is szükséges a módosításokat elvégezni.

Ide tartoznak például:

  • Törölt komponensek
  • Jelentősen átalakított komponensek
  • Módosított vagy újrastrukturált tokentábla
Minor (pl: 1.0.0 -> 1.1.0.)

Breaking changet nem tartalmazó, visszafele is kompatibilis verzió. Frissítés után a meglévő implementációk továbbra is működnek, és a változások egyszerűen beépíthetők.

Ide tartoznak például:

  • Új komponensek hozzáadása
  • Létező komponensek új opciókkal való bővítése
  • Új vagy kiegészített design tokenek bevezetése
Patch (pl: 1.0.0 -> 1.0.1.)

Hibajavításokat vagy kisebb, visszafelé kompatibilis módosításokat tartalmazó verzió. Frissítés után a meglévő implementációk változatlanul működnek, és a kisebb működésbeli problémák javulnak.

Ide tartoznak például:

  • Services.gov.hu publikációi a Figma fájl módosítása nélkül
  • Patternek leírásai
  • Hibajavítások a komponensek működésében
  • Vizualitás vagy stílus finomhangolások.