Skip to content

Installation

Willkommen zur Installationsseite des Designer-Bereichs im AKDB Design System. Hier erfährst du, wie du die notwendigen Tools und Ressourcen einrichtest, um mit der Gestaltung großartiger Benutzeroberflächen zu beginnen.

Figma

Für die Gestaltung im AKDB Design System verwenden wir Figma als zentrales Design-Tool. Figma ermöglicht es uns, in Echtzeit zusammenzuarbeiten und Designs effizient zu erstellen und zu verwalten. Installiere für eine reibungslose Verwendung am besten die Desktop App. Wenn du über den Browser arbeiten willst, kannst du auch die Desktop App installieren oder die "Schriftartinstallation" von Figma herunterladen. Die Installation ist notwendig, damit lokale Schriftarten verwendet werden können.

Zugriff auf Figma Datei

Um Zugriff auf unsere Figma-Designressourcen zu erhalten, kontaktiere bitte kreppold.dominik@akdb.de . Du wirst dann in unser Team aufgenommen und erhältst Zugang zu allen notwendigen Dateien und Projekten.

Zukünftige Figma Community File

Wir planen, in naher Zukunft ein Figma Community File öffentlich zur Verfügung zu stellen. Dieses File wird es dir ermöglichen, direkt auf unsere Designkomponenten zuzugreifen und sie in deinen eigenen Projekten zu verwenden. Bleib dran für weitere Updates!

Fonts

Im Mate Design System verwenden wir die Segoe UI Schriftart als primäre Font. Diese Schriftart sorgt für ein klares und modernes Erscheinungsbild unserer Anwendungen.

Installation der Segoe UI Font auf Mac

Die Segoe UI Font ist auf Windows-Systemen vorinstalliert. Wenn du einen Mac verwendest, kannst du die Schriftart wie folgt installieren:

  1. Schriftart herunterladen : Lade die Segoe UI Font von einer vertrauenswürdigen Quelle herunter. Achte darauf, die richtige Lizenz zu beachten.
  2. Font Book öffnen : Öffne die Anwendung "Font Book" auf deinem Mac. Diese findest du im Ordner "Programme".
  3. Schriftart installieren :
    • Klicke auf das "+" Icon oder wähle "Schriftart hinzufügen" im Menü.
    • Navigiere zu der heruntergeladenen Schriftartdatei und wähle sie aus.
    • Klicke auf "Öffnen", um die Schriftart zu installieren.
  4. Verwendung überprüfen : Stelle sicher, dass die Segoe UI Font nun in deinen Design-Tools wie Figma verfügbar ist.