Spreadsheet Lookup
Intro
Lookup values in spreadsheet data based on related text strings (keys). This could be useful, among other things, for creating design systems where many layers share common attributes. For example, in the table below, the key corner-radius
would return a value of 10
.
Key | Value |
---|---|
corner-radius | 10 |
The advantage of using a lookup is that the row can be moved for organisational purposes without losing the link to the value.
UI
File - Connect a .csv or Google Sheet Asset.
Lookup Column - Select the column in the data to search for a key.
Lookup Key - Specify the key (text) to find within the Lookup Column.
Value Column - Select the column to match against the Lookup Key.
- Create a Rectangle.
- Right click in the Assets Window and select Import Google Sheet...
- Paste in this url - https://docs.google.com/spreadsheets/d/1DB4Yv0W_sT1nIlKiQFUBeQyXZoz88tdQt8YvLzXYwbU/edit?usp=sharing
- Create a Spreadsheet Lookup.
- Drag the Google Sheet from the Assets Window to the File attribute on the Spreadsheet Lookup.
- Select the
Key
column for Lookup Column. - Select the
Value
column for Value Column. - Enter
corner-radius
in the Lookup Key. - Connect spreadsheetLookup.id > rectangle.cornerRadius.
Any changes to the data in the spreadsheet will need to updated by right clicking on the spreadsheet Asset in the Asset Window and selecting Reload.