Descripción general

Imagen del banner de Relay

Relay proporciona una transferencia instantánea de componentes de la IU de Android entre diseñadores y desarrolladores.

Los diseñadores usan el complemento Relay for Figma para anotar y empaquetar los componentes de la IU a fin de que los desarrolladores los usen, lo que incluye información sobre el diseño, el estilo, el contenido dinámico y el comportamiento de las interacciones.

Los desarrolladores usan el complemento Relay for Android Studio a fin de importar paquetes de IU y generar código de Jetpack Compose de manera perfecta para píxeles. Este proceso proporciona una implementación de diseño y estilo instantáneos, y acelera el proceso de vinculación de datos. Los paquetes de IU pueden incluir estilos y temas, así como hacer referencia a componentes del sistema de diseño que existen en el código.

Relay elimina la necesidad de tediosas especificaciones de diseño y bucles de comunicaciones para detalles pequeños. A medida que tu producto evoluciona, los paquetes de IU se pueden actualizar, extender y adoptar de forma incremental en tu base de código.

Primero, crea un paquete de IU con el complemento Relay for Figma. Después, convierte el paquete de IU en código de Jetpack Compose mediante el complemento Relay for Android Studio.

Relay for Figma y Relay for Android Studio

Con el complemento Relay for Figma, los diseñadores y desarrolladores pueden trabajar juntos para agregar parámetros de contenido y controladores de interacción a fin de capturar los elementos dinámicos del diseño y generar los parámetros correspondientes en las funciones de componibilidad.

Los parámetros agregados en el complemento de Figma se convierten en parámetros en la función de componibilidad

El equipo de Relay está trabajando en el desarrollo de asistencia para Material Design y otros sistemas personalizados de diseño. Actualmente, se admiten dos funciones experimentales que te ayudarán a hacer la asignación entre tu sistema de diseño y la implementación de Compose: la asignación de estilo de Figma y la asignación de componentes de Figma.

Actualmente, Relay es un producto alfa, por lo que nos encantaría que lo usaras y nos indicaras hasta qué punto satisface tus necesidades y cuándo no lo hace. Realizaremos actualizaciones periódicas que incluyan mejoras en el rendimiento, la funcionalidad y el flujo de trabajo general según tus comentarios.

Próximo paso

La mejor manera de comenzar a usar Relay es trabajar con un instructivo para probar el flujo de trabajo completo de extremo a extremo. Aunque el uso diario de Relay puede enfocarse solo en una parte del flujo de trabajo, resulta útil comprender cómo los diseñadores y desarrolladores usan Relay a la hora de crear aplicaciones para Android.

Instala Relay para comenzar.