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.
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.
Tools for moving UI components from design to coding
- Relay for Android Studio: Provide instant handoff of Android UI components between designers and developers. Designers can package up UI Components with information about layout, styling, dynamic content and interaction behavior. Developers can import those packages and convert them to Jetpack Compose code.