Überblick

Relay-Bannerbild

Relay ermöglicht eine sofortige Übergabe von Android-UI-Komponenten zwischen Designern und Entwicklern.

Designer verwenden das Relay for Figma-Plug-in, um UI-Komponenten für Entwickler mit Anmerkungen zu versehen und zu verpacken, einschließlich Informationen zu Layout, Stilen, dynamischen Inhalten und Interaktionsverhalten.

Entwickler verwenden das Relay for Android Studio-Plug-in, um UI-Pakete zu importieren und pixelgenauen Jetpack Compose-Code zu generieren. Dieser Prozess ermöglicht eine sofortige Layout- und Stilimplementierung und beschleunigt das Binden von Daten. UI-Pakete können Stile und Designs enthalten und auf Designsystemkomponenten verweisen, die im Code vorhanden sind.

Relay macht mühsame Designspezifikationen und Kommunikationsschleifen für kleine Details überflüssig. Wenn sich Ihr Produkt weiterentwickelt, können UI-Pakete in Ihrer gesamten Codebasis inkrementell aktualisiert, erweitert und übernommen werden.

Zuerst erstellen Sie mit dem Relay for Figma-Plug-in ein UI-Paket. Nachdem Sie das UI-Paket erstellt haben, konvertieren Sie das UI-Paket mit dem Relay for Android Studio-Plug-in in Jetpack Compose-Code.

Relay für Figma und Relay für Android Studio

Mit dem Relay for Figma-Plug-in können Designer und Entwickler gemeinsam Inhaltsparameter und Interaktions-Handler hinzufügen, um die dynamischen Elemente im Design zu erfassen und entsprechende Parameter in zusammensetzbaren Funktionen zu generieren.

Im Figma-Plug-in hinzugefügte Parameter werden zu Parametern in der Funktion „Zusammensetzbar“

Das Relay-Team entwickelt derzeit den Support für Material Design und andere benutzerdefinierte Designsysteme. Derzeit werden zwei experimentelle Funktionen unterstützt, mit denen Sie Ihr Designsystem und die Compose-Implementierung zuordnen können: die Figma-Stilzuordnung und die Figma-Komponentenzuordnung.

Relay ist derzeit ein Alphaprodukt. Wir würden uns freuen, wenn Sie es verwenden und uns mitteilen, inwiefern es Ihren Anforderungen entspricht und welche nicht. Basierend auf Ihrem Feedback werden wir regelmäßig Releases veröffentlichen, die Verbesserungen der Leistung, der Funktionalität und des gesamten Workflows enthalten.

Nächster Schritt

Für den Einstieg in Relay empfiehlt es sich, eine Anleitung durchzugehen, um den gesamten End-to-End-Workflow auszuprobieren. Auch wenn sich die tägliche Nutzung von Relay auf einen Teil des Workflows konzentriert, ist es hilfreich zu verstehen, wie sowohl Designer als auch Entwickler Relay nutzen, um Android-Anwendungen zu erstellen.

Installieren Sie Relay, um loszulegen.