Herramientas para Compose
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Android Studio proporciona una variedad de herramientas para ayudarte a acelerar el diseño de la IU con las bibliotecas de Jetpack Compose. Para comenzar a usar esas herramientas, primero agrega las dependencias necesarias a tu archivo Gradle a través de la lista de materiales (BOM).
Crea componentes, sistemas de diseño y pantallas para alinearlos con las especificaciones de diseño.
- IU de vista previa: Obtén una vista previa de los elementos componibles, organízalos e interactúa con ellos.
- Vista previa de animaciones: Inspecciona, depura y obtén una vista previa de las animaciones fotograma por fotograma.
Acelera la compilación de la IU y la prueba de la aplicación en ejecución con menos cambios de contexto.
- Ediciones en vivo: Aplica cambios y míralos en tiempo real sin realizar compilaciones completas.
- Acciones del editor: Usa plantillas, íconos de margen y mucho más en la ventana del editor de Android Studio.
- Controles de lint: Verifica la corrección de tu código de Compose con controles de lint.
Herramientas para depurar tu IU
Analiza el diseño, las recomposiciones y el registro de composición para mejorar el rendimiento de la IU de tu app.
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: 2025-08-21 (UTC)
[null,null,["Última actualización: 2025-08-21 (UTC)"],[],[],null,["# Tools for Compose\n\nAndroid Studio provides a slate of tools to help you accelerate your UI design\nusing Jetpack Compose libraries. You can get started using those tools by first\nadding the necessary dependencies to your Gradle file through the Bill of\nMaterials (BOM). \n[Quick Start\nAdd the Compose BOM and library dependencies using the quick start guide\narrow_forward](/develop/ui/compose/setup)\n\nTools for designing your UI\n---------------------------\n\nCreate components, design systems, and screens to align with design specs.\n\n- [Preview UI](/develop/ui/compose/tooling/previews): Preview, organize, and interact with composables.\n- [Preview animations](/develop/ui/compose/tooling/animation-preview): Inspect, debug, and preview animations frame by frame.\n\nTools for developing and testing your UI\n----------------------------------------\n\nAccelerate building the UI and testing the running application with less context\nswitching.\n\n- [Live Edit](/develop/ui/compose/tooling/iterative-development): Apply changes and see them in real time without doing full builds.\n- [Editor actions](/develop/ui/compose/tooling/editor-actions): Use templates, gutter icons, and more in the Android Studio editor window.\n- [Lint checks](/develop/ui/compose/tooling/lint): Verify the correctness of your Compose code with lint checks.\n\nTools for debugging your UI\n---------------------------\n\nAnalyze layout, recompositions, and composition tracing to improve your app's UI\nperformance.\n\n- [Layout Inspector](/develop/ui/compose/tooling/debug#layout_inspector): Inspect a Compose layout in an emulator or physical device.\n- [Compose UI Check](/develop/ui/compose/tooling/debug#compose_ui_check): Inspect Compose UI for accessibility and adaptive issues.\n- [Composition Tracing](/develop/ui/compose/tooling/tracing): Trace your composable functions in a system trace."]]