Chapter 3 生産性を上げる機能

チームライブラリ

本書では、外部UI Kitのコンポーネントを複製して使用します。複製したコンポーネントは元のファイルとのリンクが切れており、元のファイルを変更してもApp Designには反映されないので注意してください。 元のファイルとのリンクを維持するには、Figmaの「チームライブラリ」という機能を使います。参照しているコンポーネントの変更時には通知があり、複数のファイルでコンポーネントを共有する場合に便利な機能です。

プロフェッショナルプラン以上を購入している方は、以下の方法でUI Kitを読み込むことができます。

下書き(Drafts)のファイルは自分専用であり、チームライブラリとして公開できません。「iOS 15 UI Kit for Figma」の右横にある［∨］をクリックして［プロジェクトに移す(Move to project)］を選択し、任意のプロジェクトに移動させます。

左パネル［アセット(Assets)］タブのライブラリアイコンをクリックしてパネルを開き①、［公開(Publish)］をクリックして次に進みます②。

変更のあったコンポーネントの一覧が表示されます（初回はすべて表示されます）。［変更(Changes)］をクリックして、すべてのチェックを外してください。

コンポーネントを名前で検索し、共有したいコンポーネントにチェックを入れます①。右下の［公開(Publish)］をクリックし②、処理が完了したらこのファイルを閉じます。

App Designのファイルに戻り、左パネル［アセット(Assets)］タブのライブラリアイコンをクリックします①。「iOS 15 UI Kit for Figma」のスイッチをクリックすると②、コンポーネントが読み込まれて左パネルに表示されます③。読み込まれたコンポーネントは通常のコンポーネントと同じように使用できます。