Android Studio には、Jetpack Compose ライブラリを使用して UI 設計を迅速化するための一連のツールが用意されています。これらのツールの使用を開始するには、まず、部品表（BOM）を使用して、必要な依存関係を Gradle ファイルに追加します。
UI を設計するためのツール
デザイン仕様に沿ってコンポーネント、デザイン システム、画面を作成します。
- プレビュー UI: コンポーザブルのプレビュー、整理、操作を行います。
- アニメーションをプレビューする: アニメーションをフレームごとに検査、デバッグ、プレビューします。
UI の開発とテストのためのツール
コンテキスト切り替えを減らして、UI の構築と実行中のアプリケーションのテストを高速化します。
- ライブ編集: フルビルドを行うことなく、変更を適用してリアルタイムで確認できます。
- エディタのアクション: Android Studio エディタ ウィンドウでテンプレートやガターアイコンなどを使用します。
UI のデバッグに使用するツール
レイアウト、再コンポーズ、コンポーズ トレースを分析して、アプリの UI パフォーマンスを改善します。
- Layout Inspector: エミュレータまたは物理デバイスで Compose レイアウトを検査します。
- コンポジション トレース: システム トレース内のコンポーズ可能な関数をトレースします。
UI コンポーネントを設計からコーディングに移行するためのツール
- Relay for Android Studio: デザイナーとデベロッパーの間で Android UI コンポーネントを簡単にハンドオフできます。デザイナーは、レイアウト、スタイル設定、動的コンテンツ、インタラクションの動作に関する情報を含む UI コンポーネントをパッケージ化できます。デベロッパーは、これらのパッケージをインポートして Jetpack Compose コードに変換できます。