このセクションでは、前のプロジェクトをベースにして、Figma でコンポーネントを変更する方法（この場合はテキストの形式を変更する方法）を学習し、その変更が Android Studio のコードベースに反映されていることを確認します。
Figma の変更点
Figma コンポーネントを更新してみましょう。Figma ファイルに戻って以下の操作を行います。
[Title] テキストレイヤを選択し、[Text] セクションでスタイルを [Bold] に変更します。
名前付きのバージョンを保存する
では、更新したコンポーネントをコードベースに統合しましょう。デベロッパーが新しい名前のバージョンのコンポーネントを使用できるようにするために、新しい名前のバージョンを作成します。
[File] > [Save to Version History] に移動し、新しいバージョンのタイトルと説明を入力します。
タイトルの例: Hello World Card V2
説明の例: テキストのスタイル設定の追加
![メニューにある [Save to version history] 選択肢](https://developer.android.com/static/jetpack/compose/tooling/relay/images/design-updates/save-version-history.png?hl=ja)
コンポーネント コードを更新する
コンポーネントを再インポートしてみましょう。
Android Studio で [Project] ツール ウィンドウが [Android] ビューになっていることを確認します。 次に、
app/ui-packages/hello_card/を右クリックし、[Update UI Package] を選択します。![コンテキスト メニューにある [Update UI Package] 選択肢](https://developer.android.com/static/jetpack/compose/tooling/relay/images/design-updates/update-ui-package-action.png?hl=ja)
右下に表示される読み込みバーが最後まで進むのを待ちます。
[
![[Make Project] ボタン](https://developer.android.com/static/jetpack/compose/tooling/relay/images/common/make-project.png?hl=ja)
] をクリックしてプロジェクトをビルドし、更新されたコンポーネントを app/java/com/example/hellofigma/MainActivity.ktのプレビューで確認します。テキストは太字になりました。
アプリを実行して、同じ更新内容をエミュレータで確認します。
次のステップ
デザインを更新して、変更後のコードがどのように更新されるのかも確認しました。次に、コンポーネント内で変数データを許可するコンテンツ パラメータを使用して、デザインにアノテーションを付ける方法を学習しましょう。