バリアブルをデザインに適用する

はじめに

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

すべてのプランのすべてのユーザーがバリアブルを使用できます

ファイルへのアクセス権を持つどのユーザーも、そのファイルからバリアブルを使用できます

バリアブルは初めてですか? バリアブルのガイドを確認する→

レイヤープロパティにバリアブルを適用する

右サイドバーのさまざまなプロパティセクションを使用して、バリアブルをレイヤーに適用します。バリアブルは、そのバリアブルタイプのサポート対象に応じてさまざまなプロパティに適用できます。

ファイルのローカルバリアブルからのバリアブルでも、アクセス権を持つ任意の公開されたチームライブラリからのバリアブルでも使用できます。

色バリアブルを適用する

選択したオブジェクトに色バリアブルを適用するには、次の手順に従います。

1. 次のようにして、スタイル選択機能を開きます。
   • 塗りまたは線の場合: 右サイドバーの[塗り]または[線]セクションの色見本をクリックします
   • エフェクトの場合: [インナーシャドウ]または[ドロップシャドウ]エフェクトの[エフェクト設定]をクリックして、さらに色見本をクリックします
2. スタイル選択機能からバリアブルを選択します。
   • 色バリアブルは四角で表示され、色スタイルは円で表示されます。
   • 検索バーを使用して名前でバリアブルを検索するか、ドロップダウンを開いてライブラリでフィルタリングします
   • スタイル選択機能はリストでもグリッドでも表示できます

選択したオブジェクトに複数の色バリアブルを適用するには、次の手順に従います。

1. [塗り]または[線]セクションからプラスアイコンをクリックして、別の塗りを追加します。
2. 塗りボックスを選択して、色選択機能を開きます。
3. [ライブラリ]タブを選択して、色バリアブルを選択します。

選択範囲内の色バリアブルを適用することもできます。

数字バリアブルを適用する

数字バリアブルを選択したオブジェクトに適用するには、プロパティフィールドにカーソルを合わせて、次のいずれかの操作を行います。

プロパティ	方法
幅/高さ 最小および最大の幅/高さ 間隔 レイアウトグリッド数	次のいずれかの操作を行います。 フィールドをクリックして=を押す ドロップダウンメニューを開いて[バリアブルを適用]を選択する
パディング 角の半径 エフェクト レイアウトグリッドの幅、高さ、余白、オフセット、ガター	次のいずれかの操作を行います。 フィールドをクリックして=を押す [バリアブルを適用]をクリック
線の太さ レイヤー不透明度	次のいずれかの操作を行います。 フィールドをクリックして=を押す 右クリックして[バリアブルを適用]を選択 Shiftを押したままフィールドをクリック

ライブラリ選択機能から、バリアブルを選択します。数字バリアブルには数字アイコンが付いています。

テキストレイヤーに数字または文字列バリアブルを適用する

選択したテキストレイヤーに文字列バリアブルを適用するには、次の手順に従います。

1. 右サイドバーの[テキスト]セクションから [バリアブルを適用]をクリックします。
2. 数字バリアブルまたは文字列バリアブルを選択します。

レイヤー表示へのブーリアンまたは文字列バリアブルの適用

次のバリアブルがレイヤー表示に適用されます。

• ブーリアンバリアブル
• trueまたはfalse値を持つ文字列バリアブル

バリアブルの値がtrueの場合、レイヤーが表示されます。バリアブルの値がfalseの場合、レイヤーは表示されません。　

レイヤー表示にバリアブルを適用するには、次の手順に従います。

1. 右サイドバーの[レイヤー]セクションから、表示 / 非表示アイコンを右クリックします。
2. 選択機能からバリアブルを選択します。ブーリアンバリアブルはトグルオンまたはトグルオフアイコンが記されています。

バリアントインスタンスにバリアブルを適用する

ブーリアン、数字、文字列の各バリアブルを、バリアントプロパティを持つインスタンスに適用できます。

バリアントインスタンスのバリアブルモードの作成方法についてはこちら→

バリアブルの適用を解除する

レイヤーに適用したバリアブルを解除するには、適用したバリアブルがあるレイヤーを選択して、次のいずれかの操作を行います。

• 色、文字列、ブーリアンの各バリアブルの場合、該当する右サイドバーセクションでバリアブルにカーソルを合わせて、 [バリアブルを切り離す]アイコンをクリックします
• 数字バリアブルの場合は、プロパティフィールドをクリックして、Delete / Backspaceを2回押します。

ファイル間での非公開バリアブルの貼り付け

非公開バリアブルを含んだオブジェクトを異なるファイルに貼り付ける場合は、バリアブルは既存のバリアブルに上書きまたはマージされ、貼り付けられたオブジェクトによって使用されます。このことは、たとえば、バリアブルを使用してプロトタイプを構築していて、そのバリアブルを継続して編集するような場合に役に立ちます。

バリアブルがどうなるかは、移動先ファイルのバリアブルおよびコレクションの設定によって次のように異なります。

• 非公開のコレクションと同じ名前のバリアブルコレクションがない場合、コピーされたバリアブルで新しいコレクションが作成されます。

• 同じ名前のバリアブルコレクションが存在する場合、バリアブルの種類や名前が同じでなくても、バリアブルは上書きコピーされます。

• 一致するバリアブルを含む、一致するバリアブルコレクションがある場合、貼り付けられたオブジェクトのマッピングが変わり、移動先ファイルのバリアブルを使用します。 値同士が一致している必要はありませんので、貼り付けられたオブジェクトのプロパティが変わる可能性があることに、ご注意ください。