SVG Summit

Slides from my Sketch Workflow talk at SVG Summit

Transcript

1. Working with
 Sketch
2. Clark InVision
4. The Zebra Previously UX
6. Why Sketch?
7. Vector-based 1 Artboards 2 Assets 3
8. @clarklab #SVGsummit
9. Working with
 Sketch+SVG
10. Exporting
11. Mark It Set Options Export! 1 2 3
12. Slices Groups+ Layers Artboards
13. Saving SVGs from a .Sketch Document
14. Single Batch 1 2
15. Managing file paths
16. /icons/house.svg /logos/wishlist.svg 1 2
17. Managing resolutions
18. @2x @3x @1x
19. Viewbox (and other properties)
20. 40 x 40 slice
21. 40 x 40 artboard
22. folder-icon.svg
23. SVG Structure
25. clock.svg
26. Yes No
27. Maintaining an icon set
28. Stay Organized 1 Better than a folder full of SVG 2 Mix and match 3
29. Using Symbols
30. Stay in Sync 1 Keep exports isolated 2
31. Logo sets
32. Background colors
33. Responsive icons when one-size doesn’t fit all
36. Sketch Tool Command Line
41. sketchtool list pages filename.sketch sketchtool dump filename.sketch sketchtool export artboards filename.sketch ——output ——scale ——formats
42. InVision Asset syncing
43. IconJar Set smashing
45. invisionapp.com/ecourses/ design-workflow-with-sketch
46. @clarklab #SVGsummit