Voraussetzungen
Vor dem Lesen: Diese Lernmissionen zielen darauf ab, Sie mit der Verwendung und Funktionsweise von Jutro vertraut zu machen. Sie sollen keineswegs Ihre Fähigkeiten als Designer testen.
Figma ist ein cloudbasiertes 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 Schaden- und Unfallversicherungsbranche. Unabhängig davon, ob Sie zum ersten Mal mit Jutro arbeiten oder bereits Erfahrung haben, diese Lernmission vermittelt Ihnen das notwendige Know-how für die Designarbeit mit Jutro.
Diese designbezogene Lernmission soll Ihnen die wichtigsten Designfunktionen und -tools von Jutro anhand eines praktischen Tutorials veranschaulichen.
Am Ende dieser Lernmission 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 Entwürfe mithilfe der Jutro 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 Controls haben Sie Zugriff auf eine grafische Benutzeroberfläche für die Interaktion mit einer Komponente.
In der Suchleiste von Storybook können Sie nach verfügbaren Jutro-Komponenten für Ihr nächstes Anwendungsdesign suchen.
