コンテンツにスキップ

Spreadsheet Lookup

関連するテキスト文字列(キー)に基づいてスプレッドシートデータ内の値を検索します。これは、多くのレイヤーが共通の属性を共有する design systems を作成する際などに役立ちます。例えば、下の表では、key corner-radiusvalue 10 を返します。

KeyValue
corner-radius10

ルックアップを使用する利点は、組織上の目的で行を移動しても、値へのリンクが失われないことです。

File - .csv または Google Sheet Asset を接続します。

Excel Sheet - .xlsx アセットからシート(タブ)を選択します。

Lookup Column - キーを検索するデータ内の列を選択します。

Lookup Key - Lookup Column 内で検索するキー(テキスト)を指定します。

Value Column - Lookup Key と照合する列を選択します。

  1. Rectangle を作成します。
  2. Assets Window で右クリックし、Import Google Sheet… を選択します。
  3. この URL を貼り付けます - https://docs.google.com/spreadsheets/d/1DB4Yv0W_sT1nIlKiQFUBeQyXZoz88tdQt8YvLzXYwbU/edit?usp=sharing
  4. Spreadsheet Lookup を作成します。
  5. Assets Window から Google Sheet を Spreadsheet LookupFile 属性にドラッグします。
  6. Lookup ColumnKey 列を選択します。
  7. Value ColumnValue 列を選択します。
  8. Lookup Keycorner-radius を入力します。
  9. 接続 spreadsheetLookup.id→rectangle.cornerRadius。

スプレッドシートのデータに変更があった場合は、Asset Window でスプレッドシート Asset を右クリックし、Reload を選択して更新する必要があります。