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).
Tools for designing your UI
Create components, design systems, and screens to align with design specs.
- Preview UI: Preview, organize, and interact with composables.
- Preview animations: Inspect, debug, and preview animations frame by frame.
Tools for developing and testing your UI
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.
- Layout Inspector: Inspect a Compose layout in an emulator or physical device.
- Compose UI Check: Inspect Compose UI for accessibility and adaptive issues.
- Composition Tracing: Trace your composable functions in a system trace.