Présentation

Image de la bannière de Relay

Relay permet de transférer instantanément les composants de l'interface utilisateur Android entre les graphistes et les développeurs.

Les graphistes utilisent le plug-in Relay for Figma pour annoter et empaqueter des composants d'interface utilisateur, y compris des informations sur la mise en page, le style, le contenu dynamique et le comportement des interactions.

Les développeurs utilisent le plug-in Relay for Android Studio pour importer des packages UI et générer un code Jetpack Compose parfait. Ce processus implémente instantanément la mise en page et les styesl, et accélère le processus de liaison des données. Les packages UI peuvent inclure des styles et des thèmes, ainsi que des composants du système de conception de référence qui existent dans le code.

Avec Relay, pas besoin de spécifications de conception compliquées ni de boucles de communication pour de petits détails. À mesure que votre produit évolue, les packages UI peuvent être mis à jour, étendus et adoptés progressivement dans l'ensemble de votre codebase.

Pour commencer, vous devez créer un package UI à l'aide du plug-in Relay for Figma. Ensuite, vous devez le convertir en code Jetpack Compose à l'aide du plug-in Relay for Android Studio.

Relay for Figma et Relay for Android Studio

Avec le plug-in Relay for Figma, les graphistes et les développeurs peuvent collaborer pour ajouter des paramètres de contenu et des gestionnaires d'interaction afin de capturer les éléments dynamiques de la conception et de générer les paramètres correspondants dans des fonctions modulables.

Les paramètres ajoutés au plug-in Figma deviennent des paramètres dans la fonction modulable

L'équipe Relay travaille à la prise en charge de Material Design et d'autres systèmes de conception personnalisés. Nous acceptons actuellement deux fonctionnalités expérimentales pour vous aider à mapper votre système de conception et votre implémentation Compose : le mappage de styles Figma et le mappage de composants Figma.

Relay est actuellement un produit en version alpha, et nous souhaiterions que vous le testiez et nous indiquiez comment il répond ou non à vos besoins. Nous publierons régulièrement de nouvelles versions proposant des améliorations au niveau des performances, des fonctionnalités et du workflow global en fonction de vos commentaires.

Étape suivante

Le meilleur moyen de vous familiariser avec Relay est de suivre un tutoriel pour tester l'intégralité du workflow. Même si, au quotidien, vous n'utilisez Relay que pour une partie précise du workflow, il est intéressant de comprendre comment les graphistes et les développeurs l'utilisent pour créer des applications Android.

Installez Relay et lancez-vous !