1. Sketch 3

2. http://www.bohemiancoding.com/sketch/
http://bohemiancoding.com/sketch/support/documentation/

3. ( File / Revert to / Browse all Versions )
UI Icon Web Prototype...
& Template ( File / Save as Template )
UI Kits Plugin

4. MAC only
...
PS AI ... SVG EPS PDF

7. Toolbar

9. Vectorize Stroke ( )
( Use as Mask )
(Export)

10. Rotate Copies ( )

11. Vector ( )
V
Straight
Mirrored
Disconnected
Asymmetric

12. Make Grid ( )

13. Layout Settings ( )

14. Layer List

15. / Page 1
/
/ /
( Symbol )
( Text Style )
( Slice )
( User as Mask )
Page 1 ( )

16. Canvas

17. (Artboard) ; A
( Edit / File / Save as Template )
CSS
( option / Alt )
( Control+R )
Artboard ( )

18. Inspector

19. px
Type / Text on Path
vs
2x
0.5 1.5

21. JPG
PNG
TIFF
SVG
PDF or EPS

22. PSD AI
.... ...XD

23. Demo

24. Android

25. iOS

26. Web

28. Control+H
Control+L
Control+G
Space
Enter
⌘+3
⌘+2
Z
Z
Z + alt
Escape
Tab/Shift-tab

29. R
O
U
T
L
A
V
S
P

30. &
Alt +
Alt +
Alt +
Shift +

32. iOS Mirror
http://bohemiancoding.com/sketch/features/#mirror

33. Plugins
Sketch Toolbox

35. Content-generator-
sketch-plugin

36. Sketch-measure
A measure tool for measurements & design specs, Sketch 3.3+ support.
How-to
1. Create Overlay
2. Measure Size
3. Measure Spacing
4. Get Property
5. Create Note

37. 1. Create Overlay ⌃ + ⇧ + 1
2. Measure Size ⌃ + ⇧ + 2
3. Measure Spacing ⌃ + ⇧ + 3
4. Get Property ⌃ + ⇧ + 4
5. Create Note ⌃ + ⇧ + 5
6. Spec Export ⌃ + ⇧ + E
7. Toggle All Measure Hidden ⌃ + ⇧ + H
8. Toggle All Measure Locked ⌃ + ⇧ + L
9. Reset(Clear) Artboard Measure
https://github.com/utom/sketch-measure

38. prototyping
...

39. Design + Code ( )
https://designcode.io/
A Comprehensive Guide to
Designing
https://designcode.io/sketch-
mastering
SketchAppSources ( )
http://
www.sketchappsources.com/
Sketch resources
http://goo.gl/knefyG
Sketch plugin-directory
https://github.com/sketchplugins/
plugin-directory
https://gist.github.com/ymcheung/
10899164
UI week
http://uiweek.com/
learn.ustwo
http://learn.ustwo.com/sketch-
resources

40. Chuan Yang
https://twitter.com/chuantw

41. Thank you!