Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
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
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2024-03-25 (UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Falta la información que necesito"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muy complicado o demasiados pasos"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desactualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema de traducción"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema con las muestras o los códigos"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Otro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de comprender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Resolvió mi problema"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Otro"
}]
{"lastModified": "\u00daltima actualizaci\u00f3n:\u00a02024-03-25 (UTC)"}
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2024-03-25 (UTC)"]]