Einstieg

Figma Datei nutzen

Besuche die Profilseite von KERN in der Figma Community und öffne die Dateien „KERN 2 Foundations“ und „KERN 2 Design-Kit“ in Figma. Beide Dateien werden automatisch als Kopien im Bereich „Entwürfe“ gespeichert. Du kannst damit wie mit eigenen Dateien arbeiten; alle Änderungen bleiben lokal und betreffen nicht die Originaldateien. Für das weitere Vorgehen folge der Anleitung auf der Seite „Erste Schritte“ in der Datei „KERN 2 Design-Kit“.

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. Weitere Hintergründe findest du auf der Seite Typografie im Kontext „Branding" und auch im Foundations-Bereich auf der Seite Typografie. 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.