Android Studio provides a collection of tools to help you speed up UI design using Jetpack Compose libraries. Start working with the 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 layouts to align with design specs.
- Preview UI: Preview and interact with composables on various screen sizes, foldables, and multi-window configurations.
- 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.
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 to identify problems related to different display sizes, device orientations, and form factors.
- Composition Tracing: Trace your composable functions in a system trace.