![Componente de tarjeta con imagen y título](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/basic-tutorial/card-component.png?authuser=19&hl=es)
En este instructivo básico, se muestra el flujo de trabajo del diseñador y el desarrollador para la retransmisión, lo que proporciona una primera experiencia completa de extremo a extremo. Después de configurar el complemento de retransmisión, puedes llegar rápido a la etapa en la que puedes ver que aparece la IU en Android Studio. Te recomendamos que lo sigas.
En el instructivo, se crea un componente de tarjeta básico en Figma y se importa en Android Studio, donde puedes ver el código generado. Aprenderás a hacer lo siguiente:
En Figma:
- Diseñar un componente de IU en Figma
- Crear un paquete de IU con el complemento de Figma
- Guardar una versión con nombre del diseño
- Compartir la URL de Figma con los desarrolladores
En Android Studio:
- Con la URL de Figma, importar el paquete de IU a un proyecto
- Compilar el proyecto para generar código de Jetpack Compose
- Agregar una referencia al componible generado en el código de la IU del proyecto
- Ejecutar el proyecto
Próximo paso
Primero, generemos nuestro diseño y creemos un paquete de IU en Figma.