Tools for Compose
Stay organized with collections
Save and categorize content based on your preferences.
Android Studio provides a slate of tools to help you accelerate your UI design
using Jetpack Compose libraries. You can get started using those tools by first
adding the necessary dependencies to your Gradle file through the Bill of
Materials (BOM).
Create components, design systems, and screens to align with design specs.
Accelerate building the UI and testing the running application with less context
switching.
- Live Edit: Apply changes and see them in real time without
doing full builds.
- Editor actions: Use templates, gutter icons, and more in
the Android Studio editor window.
- Lint checks: Verify the correctness of your Compose code with
lint checks.
Tools for debugging your UI
Analyze layout, recompositions, and composition tracing to improve your app's UI
performance.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-08-20 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-20 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."]]
