Google lancia Relay per trasformare e accelerare la creazione dell'interfaccia utente Android

InfoQ Homepage Notizie Google lancia Relay per trasformare e accelerare la creazione dell'interfaccia utente Android

16 novembre 2022 2 minuti di lettura

di

Sergio De Simone

Lanciato di recente in versione alpha, Relay è una soluzione design-to-code che mira a trasformare radicalmente il modo in cui i progettisti e gli sviluppatori dell'interfaccia utente collaborano per creare componenti dell'interfaccia utente Android eliminando la necessità di specifiche dell'interfaccia utente.

Relay consente ai progettisti di creare componenti dell'interfaccia utente in Figma ed esportarli/importarli in Android Studio per generare codice Compose pixel-perfetto. È composto da tre plug-in: il plug-in Relay for Figma, il plug-in Relay for Android Studio e il plug-in Relay Gradle.

I progettisti utilizzano il plug-in Relay for Figma per annotare e creare pacchetti di componenti dell'interfaccia utente per l'utilizzo da parte degli sviluppatori, comprese informazioni su layout, stile, contenuto dinamico e comportamento di interazione. Questi pacchetti dell'interfaccia utente forniscono un modello condiviso per i componenti dell'interfaccia utente e possono essere scambiati e aggiornati in collaborazione tra progettisti e sviluppatori.

Secondo Damon Seeley, progettista senior dello staff di Google Material Design, la soluzione accelera il processo di sviluppo eliminando le specifiche di progettazione come punto di incontro tra progettisti e sviluppatori e riducendo i loop che li circondano. Ciò è consentito dai pacchetti dell'interfaccia utente che includono sia stili che temi, nonché riferimenti a componenti esistenti nel codice e che possono essere aggiornati direttamente in Figma man mano che il prodotto si evolve.

Il feedback degli utenti che hanno adottato l'accesso anticipato mostra un'accelerazione di 10 volte nel tempo trascorso da un team alla prima implementazione dell'interfaccia utente e anche le iterazioni successive arrivano più velocemente.

Per gestire al meglio l'evoluzione dei pacchetti dell'interfaccia utente, Relay supporta esplicitamente il controllo delle versioni dei componenti, inclusa la possibilità di definire parametri per descrivere il contenuto dinamico che verrà fornito in fase di esecuzione.

I componenti di inoltro possono avere parti interattive associate ai gestori di interazione. Tali gestori vengono tradotti in parametri per l'inizializzatore del componente, in modo che gli sviluppatori possano fornire la propria implementazione durante la creazione di un'istanza del componente.

Il plugin Relay for Figma può essere utilizzato anche per creare varianti di design, che sono variazioni per diversi stati o dimensioni. Le varianti di progettazione vengono tradotte in varianti di componenti quando importate in Android Studio.

Come accennato, Relay è ancora solo di qualità alpha, quindi supporta solo un numero limitato di tipi di livelli e funzionalità Figma. Può essere installato su Android Studio 2020.3.1 Arctic Fox o versione successiva.

Presentato da: Sean Chittenden - Direttore dell'ingegneria

Conserva il tuo posto

Scrivere per InfoQ ha aperto molte porte e aumentato le opportunità di carriera per me. Ho avuto la possibilità di interagire profondamente con esperti e leader di pensiero per saperne di più sugli argomenti trattati. E posso anche diffondere le mie conoscenze alla più ampia comunità tecnologica e capire come le tecnologie vengono utilizzate nel mondo reale.

Ho scoperto il programma per collaboratori di InfoQ all'inizio di quest'anno e da allora mi sono divertito! Oltre a fornirmi una piattaforma per condividere l'apprendimento con una comunità globale di sviluppatori di software, il sistema di revisione peer-to-peer di InfoQ ha migliorato significativamente la mia scrittura . Se stai cercando un posto dove condividere la tua esperienza nel software, inizia a contribuire a InfoQ.

Ho iniziato a scrivere notizie per la coda InfoQ .NET come un modo per tenermi aggiornato sulla tecnologia, ma ne ho ricavato molto di più. Ho incontrato persone competenti, ho ottenuto visibilità globale e ho migliorato le mie capacità di scrittura.

Diventare redattore per InfoQ è stata una delle migliori decisioni della mia carriera . Mi ha sfidato e mi ha aiutato a crescere in tanti modi . Ci piacerebbe avere più personeentra nel nostro gruppo.