banner

Blog

Jun 17, 2023

Google lanza Relay para transformar y acelerar la creación de la interfaz de usuario de Android

InfoQ Homepage Noticias Google lanza Relay para transformar y acelerar la creación de la interfaz de usuario de Android

16 de noviembre de 2022 2 minutos de lectura

por

sergio de simon

Lanzado recientemente en alfa, Relay es una solución de diseño a código que tiene como objetivo transformar radicalmente la forma en que los diseñadores de UI y los desarrolladores de UI colaboran para crear componentes de UI de Android al eliminar la necesidad de especificaciones de UI.

Relay hace posible que los diseñadores creen componentes de interfaz de usuario en Figma y los exporten/importen a Android Studio para generar un código Compose de píxeles perfectos. Consta de tres complementos: el complemento Relay for Figma, el complemento Relay for Android Studio y el complemento Relay Gradle.

Los diseñadores usan el complemento Relay for Figma para anotar y empaquetar los componentes de la interfaz de usuario para el uso del desarrollador, incluida la información sobre el diseño, el estilo, el contenido dinámico y el comportamiento de interacción. Estos paquetes de interfaz de usuario proporcionan un modelo compartido para los componentes de la interfaz de usuario y se pueden intercambiar y actualizar en una colaboración entre diseñadores y desarrolladores.

Según Damon Seeley, diseñador sénior del personal de Google Material Design, la solución acelera el proceso de desarrollo eliminando las especificaciones de diseño como el punto de encuentro entre diseñadores y desarrolladores y reduciendo los bucles que los rodean. Esto está habilitado por paquetes de interfaz de usuario que incluyen estilos y temas, así como referencias a componentes que existen en el código y que se pueden actualizar directamente en Figma a medida que evoluciona el producto.

Los comentarios de los usuarios de acceso temprano muestran una aceleración de 10 veces en el tiempo de un equipo para su primera implementación de interfaz de usuario, y las iteraciones posteriores también son más rápidas.

Para manejar mejor la evolución de los paquetes de interfaz de usuario, Relay admite explícitamente el control de versiones de componentes, incluida la posibilidad de definir parámetros para describir el contenido dinámico que se proporcionará en el tiempo de ejecución.

Los componentes de retransmisión pueden tener partes interactivas asociadas a controladores de interacción. Esos controladores se traducen en parámetros para el inicializador del componente, por lo que los desarrolladores pueden proporcionar su implementación al crear una instancia del componente.

El complemento Relay for Figma también se puede usar para crear variantes de diseño, que son variaciones para diferentes estados o tamaños. Las variantes de diseño se traducen en variantes de componentes cuando se importan a Android Studio.

Como se mencionó, Relay sigue siendo solo de calidad alfa, por lo que solo admite una cantidad limitada de tipos de capas y funciones de Figma. Se puede instalar en Android Studio 2020.3.1 Arctic Fox o superior.

Presentado por: Sean Chittenden - Director de Ingeniería

guarda tu asiento

Escribir para InfoQ ha abierto muchas puertas y ha aumentado las oportunidades profesionales. para mí. Pude interactuar profundamente con expertos y líderes de opinión para aprender más sobre los temas que cubrí. Y también puedo difundir mis aprendizajes a la comunidad tecnológica en general y comprender cómo se utilizan las tecnologías en el mundo real.

¡Descubrí el programa de colaboradores de InfoQ a principios de este año y lo he disfrutado desde entonces! Además de brindarme una plataforma para compartir el aprendizaje con una comunidad global de desarrolladores de software, el sistema de revisión entre pares de InfoQ ha mejorado significativamente mi escritura. . Si está buscando un lugar para compartir su experiencia en software, comience a contribuir con InfoQ.

Empecé a escribir noticias para la cola de InfoQ .NET como una forma de mantenerme al día con la tecnología, pero aproveché mucho más. Conocí a gente bien informada, obtuve visibilidad global y mejoré mis habilidades de escritura..

Convertirse en editor de InfoQ fue una de las mejores decisiones de mi carrera. . Me ha desafiado y me ha ayudado a crecer de muchas maneras. . Nos encantaría tener más gente.Unete a nuestro equipo.

InfoQ busca un editor en jefe de tiempo completo para unirme al equipo internacional, siempre remoto, de C4Media. ¡Únase a nosotros para cubrir las tecnologías más innovadoras de nuestro tiempo, colabore con los profesionales de software más brillantes del mundo y ayude a más de 1,6 millones de equipos de desarrollo a adoptar nuevas tecnologías y prácticas que amplían los límites de lo que el software y los equipos pueden ofrecer!

Todos los martes se envía un resumen del contenido de InfoQ de la semana pasada. Únase a una comunidad de más de 250 000 desarrolladores sénior. Ver un ejemplo

Protegemos su privacidad.

Debe registrar una cuenta de InfoQ o iniciar sesión o iniciar sesión para publicar comentarios. Pero hay mucho más detrás de estar registrado.

Aproveche al máximo la experiencia de InfoQ.

HTML permitido: a,b,br,blockquote,i,li,pre,u,ul,p

HTML permitido: a,b,br,blockquote,i,li,pre,u,ul,p

HTML permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Únete a una comunidad de expertos. Sergio De Simone me ha abierto muchas puertas y ha aumentado las oportunidades de carrera. El sistema de revisión entre pares de Vivian Hu InfoQ ha mejorado significativamente mi escritura. Oghenevwede Emeni obtuvo visibilidad global y mejoró mis habilidades de escritura. Edin Kapić Las mejores decisiones de mi carrera me ayudaron a crecer en muchos Formas de unirse a nuestro equipo Thomas Betts Editor en jefe de tiempo completo The InfoQ Aproveche al máximo la experiencia de InfoQ.
COMPARTIR