変換 UI

プレビュー: Gemini を使用して UI を変換するには、Studio Labs でこの機能を有効にします。

Gemini を使用して、Compose プレビュー環境内の UI コードをプレビューで直接自然言語を使用して変換できます。

Gemini を使用して UI を変換する手順は次のとおりです。

1. Compose プレビュー パネルで、プレビューを右クリックして [Gemini で UI を変換] を選択します。

   

   [Gemini で UI を変換] メニューにアクセスする

2. 「これらのボタンを中央揃えにする」などの自然言語のリクエストを入力して、Gemini にレイアウトやスタイルの調整を指示します。また、プレビューで特定の UI 要素を選択して、コンテキストをより明確にすることもできます。

   

   Compose プレビューに自然言語変換を適用する

3. Gemini は、推奨されるコード編集を含む差分を生成します。変更を承認する前に、必要に応じて更新内容を確認してさらに調整できます。

次のような言い方を試してみましょう。

• 「テキストの行間を広げて」
• 「アイコンを 10% 大きくして」
• 「背景色を <色> に変更して」