Google lança Relay para transformar e acelerar a criação de UI Android

Notícias da página inicial do InfoQ Google lança Relay para transformar e acelerar a criação de UI Android

16 de novembro de 2022 2 minutos de leitura

por

Sergio De Simone

Lançado recentemente em alfa, o Relay é uma solução de design para código com o objetivo de transformar radicalmente a maneira como designers e desenvolvedores de interface do usuário colaboram para criar componentes de interface do usuário do Android, removendo a necessidade de especificações de interface do usuário.

O Relay permite que os designers criem componentes de IU no Figma e os exportem/importem para o Android Studio para gerar um código Compose perfeito para pixels. Ele consiste em três plug-ins: o plug-in Relay for Figma, o plug-in Relay for Android Studio e o plug-in Relay Gradle.

Designers usam o plug-in Relay for Figma para anotar e empacotar componentes de interface do usuário para uso do desenvolvedor, incluindo informações sobre layout, estilo, conteúdo dinâmico e comportamento de interação. Esses pacotes de interface do usuário fornecem um modelo compartilhado para componentes de interface do usuário e podem ser trocados e atualizados em colaboração entre designers e desenvolvedores.

De acordo com o designer sênior de design de materiais do Google, Damon Seeley, a solução acelera o processo de desenvolvimento eliminando as especificações de design como ponto de encontro entre designers e desenvolvedores e reduzindo os loops em torno deles. Isso é permitido por pacotes de interface do usuário, incluindo estilos e temas, bem como referências a componentes que existem no código e que podem ser atualizados diretamente no Figma à medida que o produto evolui.

O feedback dos adotantes de acesso antecipado mostra uma aceleração de 10 vezes no tempo de uma equipe para sua primeira implementação de interface do usuário, e outras iterações também são mais rápidas.

Para lidar melhor com a evolução dos pacotes de interface do usuário, o Relay suporta explicitamente o versionamento de componentes, incluindo a possibilidade de definir parâmetros para descrever o conteúdo dinâmico que será fornecido em tempo de execução.

Componentes de retransmissão podem ter partes interativas que estão associadas a manipuladores de interação. Esses manipuladores são convertidos em parâmetros para o inicializador do componente, para que os desenvolvedores possam fornecer sua implementação ao instanciar o componente.

O plug-in Relay for Figma também pode ser usado para criar variantes de design, que são variações para diferentes estados ou tamanhos. As variantes de design são convertidas em variantes de componentes quando importadas para o Android Studio.

Como mencionado, o Relay ainda é apenas de qualidade alfa, portanto, suporta apenas um número limitado de tipos de camadas e recursos Figma. Ele pode ser instalado no Android Studio 2020.3.1 Arctic Fox ou superior.

Apresentado por: Sean Chittenden - Diretor de Engenharia

Salve seu lugar

Escrever para o InfoQ abriu muitas portas e aumentou as oportunidades de carreira para mim. Pude me envolver profundamente com especialistas e líderes de pensamento para aprender mais sobre os tópicos que abordei. E também posso divulgar meus aprendizados para a comunidade tecnológica mais ampla e entender como as tecnologias são usadas no mundo real.

Descobri o programa de contribuidores do InfoQ no início deste ano e tenho gostado desde então! Além de me fornecer uma plataforma para compartilhar aprendizado com uma comunidade global de desenvolvedores de software, o sistema de revisão ponto a ponto do InfoQ melhorou significativamente minha escrita . Se você está procurando um lugar para compartilhar sua experiência em software, comece a contribuir com o InfoQ.

Comecei a escrever notícias para a fila do InfoQ .NET como uma forma de me manter atualizado com a tecnologia, mas consegui muito mais com isso. Conheci pessoas experientes, ganhei visibilidade global e melhorei minhas habilidades de escrita.

Tornar-me editor do InfoQ foi uma das melhores decisões da minha carreira . Isso me desafiou e me ajudou a crescer de muitas maneiras . Adoraríamos ter mais pessoasJunte-se a nossa equipe.