Commit a76136b
Lukas Ondrej
SVG icon placeholders
To add an icon placeholder:
- Create a shape group (rectangle, oval, a flattened shape, etc) and
set any of its properties as desired (all properties will apply to the
final icon once populated)
- Name the shape group layer such as {{sample_icon}} (double curly
brackets must be used to indicate an icon placeholder)
- Specify the path to the SVG icon in your data, for example,
"sample_icon": "assets/icons/sample_icon.svg"
NOTES:
- Icons must be in SVG format, preferably flattened into a single
layer. If the icon is not flattened, union boolean operation will be
applied to it upon import to merge it into a single layer.
- Importing many SVGs into Sketch can take a while. If you need to
populate many icon placeholders, make sure you wait until the icons
appear (it can take more than 5 seconds with hundreds of icons)1 parent 64c5f45 commit a76136b
6 files changed
Lines changed: 362 additions & 68 deletions
File tree
- Sketch Data Populator.sketchplugin
- Contents/Sketch
- Presets/demo/contacts
- assets/Icons
- demo
Lines changed: 96 additions & 7 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
18 | 18 | | |
19 | 19 | | |
20 | 20 | | |
| 21 | + | |
21 | 22 | | |
22 | 23 | | |
23 | 24 | | |
24 | 25 | | |
25 | 26 | | |
26 | 27 | | |
| 28 | + | |
27 | 29 | | |
| 30 | + | |
28 | 31 | | |
29 | 32 | | |
30 | 33 | | |
31 | 34 | | |
| 35 | + | |
| 36 | + | |
| 37 | + | |
32 | 38 | | |
33 | 39 | | |
34 | 40 | | |
| |||
194 | 200 | | |
195 | 201 | | |
196 | 202 | | |
197 | | - | |
198 | | - | |
199 | | - | |
200 | | - | |
201 | | - | |
202 | | - | |
203 | | - | |
| 203 | + | |
| 204 | + | |
| 205 | + | |
| 206 | + | |
| 207 | + | |
| 208 | + | |
| 209 | + | |
| 210 | + | |
| 211 | + | |
| 212 | + | |
| 213 | + | |
| 214 | + | |
| 215 | + | |
| 216 | + | |
| 217 | + | |
| 218 | + | |
| 219 | + | |
| 220 | + | |
| 221 | + | |
| 222 | + | |
| 223 | + | |
| 224 | + | |
| 225 | + | |
| 226 | + | |
| 227 | + | |
| 228 | + | |
| 229 | + | |
| 230 | + | |
| 231 | + | |
| 232 | + | |
| 233 | + | |
204 | 234 | | |
205 | 235 | | |
206 | 236 | | |
| |||
227 | 257 | | |
228 | 258 | | |
229 | 259 | | |
| 260 | + | |
| 261 | + | |
| 262 | + | |
| 263 | + | |
| 264 | + | |
230 | 265 | | |
231 | 266 | | |
232 | 267 | | |
233 | 268 | | |
234 | 269 | | |
| 270 | + | |
| 271 | + | |
| 272 | + | |
| 273 | + | |
| 274 | + | |
| 275 | + | |
| 276 | + | |
| 277 | + | |
| 278 | + | |
| 279 | + | |
| 280 | + | |
| 281 | + | |
| 282 | + | |
| 283 | + | |
| 284 | + | |
| 285 | + | |
| 286 | + | |
| 287 | + | |
| 288 | + | |
235 | 289 | | |
236 | 290 | | |
237 | 291 | | |
| |||
255 | 309 | | |
256 | 310 | | |
257 | 311 | | |
| 312 | + | |
| 313 | + | |
| 314 | + | |
| 315 | + | |
| 316 | + | |
| 317 | + | |
| 318 | + | |
| 319 | + | |
| 320 | + | |
| 321 | + | |
| 322 | + | |
| 323 | + | |
| 324 | + | |
| 325 | + | |
| 326 | + | |
| 327 | + | |
| 328 | + | |
| 329 | + | |
| 330 | + | |
| 331 | + | |
| 332 | + | |
| 333 | + | |
| 334 | + | |
| 335 | + | |
| 336 | + | |
| 337 | + | |
| 338 | + | |
| 339 | + | |
| 340 | + | |
| 341 | + | |
| 342 | + | |
| 343 | + | |
| 344 | + | |
| 345 | + | |
| 346 | + | |
258 | 347 | | |
259 | 348 | | |
260 | 349 | | |
| |||
0 commit comments