Paquetes de IU en Figma
Los paquetes de IU definen un modelo compartido para los componentes de la IU de Android. Los paquetes de IU se crean dentro de Figma y se usan a fin de generar código de producción de Compose en Android Studio. Un paquete de IU contiene la siguiente información:
- Información del diseño
- Resumen del paquete de IU
- Parámetros de interacción y contenido
- Información de estilo
- Recursos de imagen y fuente
Cómo crear un paquete de IU
![Agrega un resumen al paquete de IU](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/create-ui-packages/relay-for-figma.png?authuser=19&hl=es)
Para crear un paquete de IU con el complemento de Relay for Figma, haz lo siguiente:
- Abre el complemento y haz clic en Get Started.
- Selecciona un componente de Figma que desees empaquetar.
- Haz clic en Create UI Package.
Sigue estos pasos para crear varios paquetes de IU al mismo tiempo:
- Selecciona uno o más componentes de Figma.
- Haz clic en Create UI Packages. Esto creará un paquete de IU para cada componente seleccionado.
También puedes refactorizar elementos de paquetes de IU existentes en paquetes nuevos:
- Selecciona una capa de marco o componente en un paquete de IU existente.
- Haz clic en el ícono de menú.
- Selecciona "Create UI package from selection".
Después de importar un paquete de IU a Android Studio, Relay genera código cuando se compila tu proyecto de Android.
Cómo agregar un resumen
![Relay for Figma con un componente seleccionado](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/create-ui-packages/add-summary.png?authuser=19&hl=es)
Después de la creación, aparecerá un campo de texto de modo que puedas agregar un resumen al paquete de IU. Un resumen aparece como un bloque de comentarios sobre la función de componibilidad correspondiente en el código generado.
También puedes editar el resumen más tarde:
- Selecciona Summary.
- Edita el resumen en el campo de texto.
Cómo quitar paquetes de IU
Selecciona el ícono de menú y, luego, Remove packaging. Esto borra todos los metadatos de Relay, pero no el componente en Figma.
![Opción "Remove packaging" en el complemento](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/create-ui-packages/remove-packaging-action.png?authuser=19&hl=es)