Google lance Relay pour transformer et accélérer la création d'interface utilisateur Android

Accueil InfoQ Actualités Google lance Relay pour transformer et accélérer la création d'UI Android

16 novembre 2022 2 minutes de lecture

par

Sergio de Simone

Récemment lancé en alpha, Relay est une solution de conception à code visant à transformer radicalement la façon dont les concepteurs d'interface utilisateur et les développeurs d'interface utilisateur collaborent pour créer des composants d'interface utilisateur Android en supprimant le besoin de spécifications d'interface utilisateur.

Relay permet aux concepteurs de créer des composants d'interface utilisateur dans Figma et de les exporter/importer dans Android Studio pour générer un code Compose au pixel près. Il se compose de trois plugins : le plugin Relay pour Figma, le plugin Relay pour Android Studio et le plugin Relay Gradle.

Les concepteurs utilisent le plug-in Relay for Figma pour annoter et regrouper les composants de l'interface utilisateur à l'usage des développeurs, y compris des informations sur la mise en page, le style, le contenu dynamique et le comportement d'interaction. Ces packages d'interface utilisateur fournissent un modèle partagé pour les composants d'interface utilisateur et peuvent être échangés et mis à jour dans le cadre d'une collaboration entre concepteurs et développeurs.

Selon Damon Seeley, concepteur senior de Google Material Design, la solution accélère le processus de développement en supprimant les spécifications de conception comme point de rencontre entre les concepteurs et les développeurs et en réduisant les boucles autour d'eux. Ceci est rendu possible par des packages d'interface utilisateur comprenant à la fois des styles et des thèmes, ainsi que des références à des composants qui existent dans le code et qui peuvent être mis à jour directement dans Figma au fur et à mesure de l'évolution du produit.

Les commentaires des premiers utilisateurs de l'accès montrent une accélération de 10 fois le temps d'une équipe pour sa première implémentation de l'interface utilisateur, et les itérations ultérieures sont également plus rapides.

Pour mieux gérer l'évolution des packages d'interface utilisateur, Relay prend explicitement en charge la gestion des versions des composants, y compris la possibilité de définir des paramètres pour décrire le contenu dynamique qui sera fourni au moment de l'exécution.

Les composants de relais peuvent avoir des parties interactives qui sont associées à des gestionnaires d'interaction. Ces gestionnaires sont traduits en paramètres dans l'initialiseur du composant, afin que les développeurs puissent fournir leur implémentation lors de l'instanciation du composant.

Le plugin Relay for Figma peut également être utilisé pour créer des variantes de conception, qui sont des variations pour différents états ou tailles. Les variantes de conception sont traduites en variantes de composants lorsqu'elles sont importées dans Android Studio.

Comme mentionné, Relay n'est toujours qu'une qualité alpha, il ne prend donc en charge qu'un nombre limité de types de calques et de fonctionnalités Figma. Il peut être installé sur Android Studio 2020.3.1 Arctic Fox ou supérieur.

Présenté par : Sean Chittenden - Directeur de l'ingénierie

Gardez votre place

Écrire pour InfoQ a ouvert de nombreuses portes et augmenté les opportunités de carrière pour moi. J'ai pu m'engager profondément avec des experts et des leaders d'opinion pour en savoir plus sur les sujets que j'ai abordés. Et je peux également diffuser mes apprentissages à la communauté technologique au sens large et comprendre comment les technologies sont utilisées dans le monde réel.

J'ai découvert le programme de contributeur d'InfoQ plus tôt cette année et je l'apprécie depuis ! En plus de me fournir une plate-forme pour partager l'apprentissage avec une communauté mondiale de développeurs de logiciels, le système d'évaluation par les pairs d'InfoQ a considérablement amélioré mon écriture . Si vous cherchez un endroit pour partager votre expertise logicielle, commencez à contribuer à InfoQ.

J'ai commencé à écrire des nouvelles pour la file d'attente InfoQ .NET afin de me tenir au courant de la technologie, mais j'en ai retiré tellement plus. J'ai rencontré des gens compétents, obtenu une visibilité mondiale et amélioré mes compétences en écriture.

Devenir éditeur pour InfoQ a été l'une des meilleures décisions de ma carrière . Cela m'a mis au défi et m'a aidé à grandir de tant de façons . Nous aimerions avoir plus de monderejoins notre équipe.

InfoQ recherche un rédacteur en chef à temps plein pour rejoindre l'équipe internationale et toujours distante de C4Media. Rejoignez-nous pour couvrir les technologies les plus innovantes de notre époque, collaborer avec les praticiens du logiciel les plus brillants au monde et aider plus de 1,6 million d'équipes de développement à adopter de nouvelles technologies et pratiques qui repoussent les limites de ce que les logiciels et les équipes peuvent offrir !

Un résumé du contenu de la semaine dernière sur InfoQ envoyé tous les mardis. Rejoignez une communauté de plus de 250 000 développeurs seniors. Voir un exemple

Nous protégeons votre vie privée.

Vous devez enregistrer un compte InfoQ ou vous connecter ou vous connecter pour publier des commentaires. Mais il y a tellement plus derrière l'inscription.

Tirez le meilleur parti de l'expérience InfoQ.

HTML autorisé : a,b,br,blockquote,i,li,pre,u,ul,p

HTML autorisé : a,b,br,blockquote,i,li,pre,u,ul,p

HTML autorisé : a,b,br,blockquote,i,li,pre,u,ul,p