Voraussetzungen
Vor dem Lesen: Diese Lernaufgaben zielen darauf ab, Sie mit der Verwendung und Funktionsweise von Jutro vertraut zu machen. Sie sind nicht dazu gedacht, Ihre Fähigkeiten als Designer zu testen.
Figma ist ein Cloud-basiertes UI/UX-Tool, das die Jutro-Komponentenbibliothek hostet. Befolgen Sie die Anweisungen auf dieser Seite, um auf die Jutro-Bibliothek in Figma zuzugreifen.
Willkommen bei ** Jutro **, dem Designsystem und UI-Framework von Guidewire für die Sach- und Unfallversicherungsbranche. Unabhängig davon, ob Sie zum ersten Mal mit Jutro arbeiten oder bereits Erfahrung haben, diese Lernaufgabe vermittelt Ihnen das notwendige Know-how für die Designarbeit mit Jutro.
Diese designbezogene Lernaufgabe soll Ihnen die wichtigsten Designfunktionen und -tools von Jutro anhand eines praktischen Tutorials veranschaulichen.
Am Ende dieser Lernaufgabe haben Sie Folgendes gelernt:
-
Verwenden von Jutro Design System and UI Framework in den wichtigsten Phasen des Designprozesses: von der Entdeckung über die Konzeptualisierung bis zum Design
-
Gestalten Ihrer Designs mithilfe der Figma-Bibliothek
-
Beschleunigen von Projekten durch Einbindung von Jutro-Mustern und Jutro-Komponenten in Ihren Entwürfen
-
Installieren Sie Figma for Desktop oder nutzen Sie die Webversion.
-
Befolgen Sie die Anweisungen auf dieser Seite, um auf die Jutro-Bibliothek in Figma zuzugreifen.
Jutro Design System-Bibliothek in Figma aktivieren
Wenn Sie Zugriff auf Figma haben, befolgen Sie die Anweisungen auf der Seite Erste Schritte, um sich mit den Funktionen vertraut zu machen und die Jutro Design System-Bibliothek zu aktivieren.
Sehen wir uns nun ein Beispiel an.
ist eine eigenständige Anwendung, die storybook.js.org zur Darstellung der gesamten Bibliothek der in Jutro verfügbaren UI-Komponenten nutzt.
Storybook verwendet eine „Story-Metapher“, bei der jede Komponente in der Bibliothek alle Story-Elemente enthält, die Sie zum Erkunden der Eigenschaften und Varianten der Komponenten benötigen. Über die Registerkarte Steuerelemente haben Sie Zugriff auf eine grafische Benutzeroberfläche, über die Sie mit einer Komponente interagieren können.
In der **Suchleiste ** von Storybook können Sie nach verfügbaren Jutro-Komponenten für Ihr nächstes Anwendungsdesign suchen.
