
O Relay fornece transferência instantânea de componentes da IU do Android entre designers e desenvolvedores.
Os designers usam o plug-in Relay para o Figma para anotar e empacotar componentes de IU para uso do desenvolvedor, incluindo informações sobre layout, estilo, conteúdo dinâmico e comportamento de interação.
Os desenvolvedores usam o plug-in Relay para o Android Studio para importar pacotes de IU e gerar código de pixel perfeito do Jetpack Compose. Esse processo fornece implementação instantânea de layout e estilo e acelera o processo de vinculação de dados. Os pacotes de IU podem incluir estilos e temas e se referem a componentes do sistema de design que existem no código.
O Relay elimina a necessidade de especificações de design tediosas e loops de comunicação para detalhes pequenos. À medida que seu produto evolui, os pacotes de IU podem ser atualizados, estendidos e adotados de maneira incremental em toda a base de código.
Primeiro, você cria um pacote de IU usando o plug-in Relay para o Figma. Depois de criar o pacote de IU, converta o pacote de IU no código do Jetpack Compose usando o plug-in Relay para o Android Studio.

Com o plug-in Relay para o Figma, designers e desenvolvedores podem trabalhar juntos para adicionar parâmetros de conteúdo e gerenciadores de interação para capturar os elementos dinâmicos no design e gerar parâmetros correspondentes nas funções de composição.

A equipe do Relay está desenvolvendo o suporte ao Material Design e outros sistemas de design personalizados. Atualmente, oferecemos suporte a dois recursos experimentais para ajudar você a fazer o mapeamento entre o sistema de design e a implementação do Compose: mapeamento de estilo do Figma e mapeamento de componente do Figma.
O Relay é um produto Alfa. Ficaríamos muito felizes se você o usasse e nos dissesse se ele atende ou não às suas necessidades. Vamos lançar versões regulares que incluem melhorias no desempenho, na funcionalidade e no fluxo de trabalho geral com base no seu feedback.
Próxima etapa
A melhor maneira de começar a usar o Relay é trabalhar com um tutorial para testar o fluxo de trabalho completo. Embora o uso diário do Relay possa se concentrar apenas em parte do fluxo de trabalho, é útil entender como os designers e os desenvolvedores o utilizam para criar apps Android.
Instale o Relay para começar.