You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+12-4Lines changed: 12 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -20,6 +20,8 @@ Edit and collaborate on your content in Google Sheets, then sync in back to your
20
20
3. Name text layers appropriately — e.g. `text layer #title`
21
21
4. Run the plugin — `control + i`
22
22
23
+
----
24
+
23
25
### 1. Create your Spreadsheet
24
26
25
27
Create a new Google Spreadsheet (unfortunately Google Docs won't work with this.)
@@ -38,13 +40,13 @@ Do this by going `File > Publish to the web... > Publish`
38
40

39
41
40
42
41
-
### 3. Name your text layers
43
+
### 3. Name your layers
42
44
43
-
Now that the spreadsheet is accessible — how do you tie specific values to text layers?
45
+
Now that the spreadsheet is accessible — how do you tie specific values to your layers?
44
46
45
47
**It all comes down to how you name your layers**
46
48
47
-
In the name of a text layer, add a '#' followed by the title in the spreadsheet.
49
+
In the name of a layer, add a '#' followed by the title in the spreadsheet.
48
50
49
51
For example: to tie the value of 'title' to a Text Layer, give it a name like `#title`
50
52
@@ -54,6 +56,10 @@ Spreadsheet Data | Sketch Layer list
54
56
55
57
> It is not case-sensitive, and will ignore spaces — so `text #anothertitle` will still get the value for `Another Title`, you can also have other naming before the '#'. So `layer name #title` and `#title` would both work equally.
56
58
59
+
**🌄 Using images**
60
+
61
+
It is also possible to link images to shape layers. Simply tie in the image name into the name of the Shape layer, 'e.g.' `Profile pic #avatar`; then in your Google Sheet, add an image URL as the value.
It's also possible to randomise which value is used. Instead of using a number such as `layer name #title.2` use an 'x' or 'n' — `layer name #title.n` or `layer name #title.x`.
86
+
79
87
80
88
### 4. Run the plugin
81
89
@@ -88,7 +96,7 @@ Anytime you want to re-sync the values, run the plugin again!
88
96
89
97
## Working with Symbols
90
98
91
-
**Note: Nested symbols are not yet supported**
99
+
**⚠️ Note: Nested symbols are not yet supported**
92
100
93
101
Symbols are great for creating an element that is used multiple times, but the content slightly differs. Which makes is a great candidate for this plugin.
0 commit comments