Figmaのライブラリに関するガイド – Figma Learn - ヘルプセンター

はじめに

この機能を使用できるユーザー

Figmaでは、ライブラリは、コンポーネント、スタイル、およびバリアブルのような、デザインアセットのコレクションです。これらのデザインは1つのファイルの中に存在していますが、異なるファイルまたはプロジェクトをまたがって再使用されます。

多くの場合、ユーザーはライブラリを使用して、ボタン、アイコン、UI、色、プロパティの値などの一般的なデザイン要素を共有します。これにより、すべてのユーザーが一貫性を保ちながら、既存のデザインを利用して容易に構築できるようになります。

ライブラリのアセットに変更が加えられると、ユーザーは変更を確認して、デザインを自動的に更新することができます。

架空のアプリHabitzに取り組んでいるデザインチームによる、Figmaのライブラリの使用方を例にします。

Kaiは、ナビゲーションバー、メニュー、ヘッダー、その他のUI要素など、アプリのさまざまな部分のコンポーネントをファイルに作成します。
完成したコンポーネントをファイル内からライブラリとして公開します。
同じプロジェクト内の別のファイルで作業しているTimothyは、ライブラリを表示し、キャンバスにいくつかのコンポーネントを追加します。
しばらくして、Kaiはライブラリが公開されたファイル内のコンポーネントの1つを更新します。
コンポーネントを使用するその他のすべてのファイルで作業しているユーザーは、そのコンポーネントに利用可能な更新があるという通知を受けます。ユーザーはコンポーネントをレビューして、準備ができたら更新を受け入れます。使用しているコンポーネントのすべてのインスタンスに更新が適用されます。

KaiとHabitznoチームについてもっとお知りになりたいなら、リンク先で、デザインシステムの立ち上げまでの彼らの旅をたどることができます。Figmaのデザインシステムコースの紹介 →

ライブラリの目的は、共に働く他のユーザーと再使用可能なデザインアセットを共有することです。これらのアセットには、コンポーネント、スタイル、またはバリアブルがあります。タブを選択するとそれぞれについて詳細が表示されます。

コンポーネントはデザインの構成要素です。

それはアイコンやボタンのような個々の要素であったり、またはメニューやレイアウトのような要素のコレクションであったりします。

ライブラリを使用する場合、ライブラリファイルにはメインコンポーネントが含まれていて、ユーザーが使用できるようにコンポーネントのプロパティを定義しています。

ファイルのライブラリにアクセスする場合、コンポーネントのインスタンスをキャンバスに追加することができます。このインスタンスは、メインコンポーネントに加えられた更新を受け取ります。

スタイルには、再使用するプロパティまたは設定のコレクションが定義されています。たとえば、以下についてスタイルを使用できます。

バリアブルにはあらゆる種類のデザインプロパティに適用できる再利用可能な値が保存されます。

たとえば、以下のようなことができます。

コンポーネント、スタイル、またはバリアブルを他のファイルで使用するためには、ライブラリとして公開しておく必要があります。どれを公開するか、ビジネスプランおよびエンタープライズプランでは、誰がアクセスできるかを選択することができます

公開したスタイル、コンポーネント、バリアブルを変更する場合、変更は現在のファイルのインスタンスにのみ適用されます。それらの変更をライブラリに反映するには、変更をライブラリにも公開する必要があります。

ユーザーは、編集可アクセス権のあるドラフトファイルまたはチームファイルの公開済みライブラリにアクセスできます。管理者はチームまたは組織のためにデフォルトライブラリを設定することができ、すべてのファイルで自動的に有効になります。

使用するライブラリが見つかったら、各リソースの手順に従って、コンポーネント、スタイル、またはバリアブルをファイルに追加できます。

ライブラリ内のメインコンポーネント、スタイル、またはバリアブルの更新が公開された場合、そのコンポーネント、スタイル、バリアブルが使用されているすべてのファイルで更新が利用可能になります。

ファイルに対する編集可アクセス権を持つユーザーは、変更を確認して承認または無視できます。

ライブラリファイルの編集可アクセス権があれば、ユーザーはファイルへの権限の設定、ライブラリの公開の取り消し、アセットのファイル間での移動を行うことができます。