Zum Hauptinhalt springen

Figma-Bibliothek

Die Jutro Figma-Bibliothek ist Ihre wichtigste Ressource für die Entwicklung von Guidewire-Anwendungen. Sie enthält eine umfassende Reihe von Komponenten, Stilen und Variablen – einschließlich Symbolen –, die Sie kombinieren können, um gängige Designprobleme zu lösen und einheitliche Benutzererfahrungen zu schaffen.

Die Jutro-Symbolbibliothek wurde nun in diese Hauptkomponentenbibliothek integriert. Alle Komponenten und Symbole finden Sie in einer Figma-Bibliotheksdatei, die auf der Community-Seite verfügbar ist.

In unseren Figma-Bibliotheken werden Design-Token verwendet, um grundlegende Stile wie Farbe und Abstände zu verwalten. Diese Token werden direkt in die Komponenten eingebettet, wodurch sichergestellt wird, dass Ihre Designs mit den Kernprinzipien unseres Systems synchronisiert bleiben.

Wenn Sie Jutro und Figma noch nicht kennen, informieren Sie sich zunächst auf der Seite Erste Schritte für Designer.

Zugriff auf die Bibliothek​

Die Jutro Figma-Bibliothek wird direkt in der Figma Community gehostet. Über den nachfolgenden Link gelangen Sie zur entsprechenden Bibliotheksdatei für die neueste Version.

Befolgen Sie diese Schritte für Ihren Einstieg:

  1. Navigieren Sie zu Jutro Component Library in der Figma Community.
  2. Wählen Sie In Figma öffnen aus. Eine neue Datei wird zu Ihren Entwürfen hinzugefügt.
  3. Wenn ein Dialogfeld angezeigt wird, in dem Sie gefragt werden, wo die Datei geöffnet werden soll, wählen Sie die gewünschte Organisation aus.
  4. Um die Bibliothek in Ihrem Team zu verwenden, verschieben Sie die Datei aus Ihren Entwürfen in das gewünschte Projekt.
Important: Um Fehler und fehlerhafte Designs zu vermeiden, befolgen Sie diese Versionierungsregeln:
  • Ihre Figma-Bibliotheksversion muss der Implementierungsversion von Jutro in Ihrem Projekt entsprechen.
  • Wenn Sie Jutro-Vorlagen verwenden, muss deren Version auch mit der Figma-Bibliotheksversion übereinstimmen.

Übergabe durch Entwickler​

Unsere neuesten Figma-Bibliotheken stimmen 1:1 mit den React-Komponenten überein, die Entwickler verwenden. Diese Angleichung vereinfacht den Übergabeprozess und optimiert die Implementierung, sodass sichergestellt ist, dass genau das umgesetzt wird, was Sie entworfen haben.

Arbeiten mit älteren Versionen​

Wenn Ihr Team mit einer älteren Version unserer Frontend-Implementierung arbeitet, beachten Sie, dass die Komponenten und Stile in der neuesten Bibliothek möglicherweise nicht mit Ihren technischen Einschränkungen übereinstimmen. Stimmen Sie sich mit Ihrem Entwicklungsteam ab, um die Durchführbarkeit von Design und Implementierung sicherzustellen.