Für Designer:innen

Figma Datei nutzen

Besuche die Profil-Seite von KERN in der Figma Community und öffne die Datei „KERN 2 Design-Kit“ in Figma. Die Datei sollte dann in deinen Drafts als Kopie der Originaldatei erscheinen. Du kannst damit arbeiten wie mit einer von dir erstellten Datei. Änderungen wirken sich nur bei dir lokal aus. Für das weitere Vorgehen gehe auf die „Erste Schritte“-Seite in der Figma-Datei. Einen Workaround für eventuelle Probleme bei späteren Aktualisierungen findest du auf der Seite „Aktualisierung“ in der Figma-Datei.

Anleitungen für Figma

Figma ist neu für dich? Es gibt viele gute Anleitungen, um mit Figma durchzustarten.

Ressourcen beziehen

Schrift

Für die Schrift im KERN Design-System fiel die Wahl auf die Fira Sans. Sie ist gut geeignet für barrierefreie Gestaltung, da sie leicht lesbar ist. Außerdem deckt sie sämtliche Zeichen und Sprachen ab. Die Fira Sans ist frei verfügbar und wird von Google über Google Fonts gehostet.

Icons

KERN nutzt die Google Material Symbols. Hier steht eine umfangreiche, offene Icon-Sammlung zur freien Verfügung. Alle Icons, die für die momentan entwickelten Komponenten benötigt werden, sind bereits in der KERN UX-Standard-Datei in Figma, bzw. im Code eingebunden. Du musst sie also nicht herunterladen, es sei denn, du benötigst etwas sehr Spezielles. Lies dazu bitte auch unsere Informationen zu Icons.