Panoramica

Immagine del banner di inoltro

Relay consente il trasferimento istantaneo dei componenti dell'interfaccia utente Android tra progettisti e sviluppatori.

I designer utilizzano il plug-in Relay for Figma per annotare e pacchettizzare i componenti dell'interfaccia utente per l'uso da parte degli sviluppatori, incluse informazioni su layout, stile, contenuti dinamici e comportamento di interazione.

Gli sviluppatori utilizzano il plug-in Relay for Android Studio per importare pacchetti UI e generare codice Jetpack Compose per la risoluzione pixel perfetta. Questo processo fornisce un'implementazione immediata del layout e degli stili e accelera il processo di associazione dei dati. I pacchetti UI possono includere stili e temi, nonché componenti del sistema di progettazione di riferimento presenti nel codice.

Relay elimina la necessità di noiose specifiche di progettazione e di loop di comunicazione per i piccoli dettagli. Man mano che il prodotto si evolve, i pacchetti UI possono essere aggiornati, estesi e adottati in modo incrementale in tutto il codebase.

Innanzitutto, crei un pacchetto UI utilizzando il plug-in Relay for Figma. Dopo aver creato il pacchetto UI, converti il pacchetto UI in codice Jetpack Compose utilizzando il plug-in Relay for Android Studio.

Relay for Figma e Relay per Android Studio

Con il plug-in Relay for Figma, designer e sviluppatori possono collaborare per aggiungere parametri dei contenuti e gestori dell'interazione per acquisire gli elementi dinamici nella progettazione e generare i parametri corrispondenti nelle funzioni componibili.

I parametri aggiunti nel plug-in Figma diventano parametri nella funzione componibile

Il team di Relay sta sviluppando il supporto per il Material Design e altri sistemi di progettazione personalizzata. Al momento supportiamo due funzionalità sperimentali per aiutarti a mappare tra il tuo sistema di progettazione e l'implementazione di Compose: mappatura in stile Figma e mappatura dei componenti Figma.

Relay è attualmente un prodotto in versione alpha e ci farebbe piacere se lo utilizzassi per farci sapere come funziona e come non soddisfa le tue esigenze. Apporteremo release regolari che includeranno miglioramenti delle prestazioni, delle funzionalità e del flusso di lavoro complessivo in base al tuo feedback.

Passaggio successivo

Il modo migliore per iniziare a utilizzare Relay è eseguire un tutorial per provare l'intero flusso di lavoro end-to-end. Anche se l'utilizzo quotidiano di Relay può concentrarsi solo su una parte del flusso di lavoro, è utile capire in che modo sia i progettisti che gli sviluppatori utilizzano Relay per creare app per Android.

Per iniziare, installa Relay.