![Imagem do banner do Relay](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/relay/relay-banner-image.png?authuser=9&hl=pt-br)
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, converte o pacote de IU no código do Jetpack Compose usando o plug-in Relay para o Android Studio.
![Relay para o Figma e Relay para o Android Studio](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/relay/relay-for-figma-and-android.png?authuser=9&hl=pt-br)
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.
![Os parâmetros adicionados ao plug-in do Figma se tornam parâmetros na função de composição](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/relay/creating-parameters.png?authuser=9&hl=pt-br)
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.