Sketch is a vector graphics design tool used by UX and UI designers for creating wireframes, mockups, UI elements, style guides, and prototypes. It allows for templates, grids, symbols and styles to create design elements consistently. Sketch has features like layers, shadows, rounded corners and exporting to common formats. Plugins, shortcuts, and a large community help designers work more efficiently in Sketch.

1. Move to

2. 2017 Design tools

3. What’s Sketch?

5. + =

6. Developers Designers

7. It’s NOT just another
design tool

8. UX
#moodboards
#wireframes
#ui
#styleguides
#copy
#flowcharts
#prototype
#css
#ux

9. For a great agile
workflow

11. Before
After

12. UX
Sketch in design process
UX designers & UI designers

13. Some exemples

14. 10reasons
to use Sketch

15. 1

16. Its vector design…

18. 2

19. Its templates & grids…

21. 3

22. Its artboards…

24. 4

25. Its symbols & styles …

26. 5

27. Its shadows, rounded corners,
borders & other powerful layers
properties CSS friendly!

29. 6

30. Its shortcuts…

32. 7

33. Its exporting features…

34. pdf / png / svg / jpg
@2x / @3x …

35. 8

36. Its extensions…

38. User Flows

41. LAUNCHPAD

43. 9

44. Its plugins…

50. 10

51. Its community…

56. Epilogue

57. Sketch ressources – http://www.sketchappsources.com -
https://sketchrepo.com - http://sketchhunt.com
Sketch Tips – http://www.sketchtips.info
Sketch Tricks – http://sketchtricks.com (and also you can follow their Medium
collection)
Official Sketch youtube channel - https://www.youtube.com/channel/
UC-1eTnnUmKJ8yEa1nCnAGpw
Sketch courses - https://www.invisionapp.com/ecourses/design-workflow-with-
sketch
Shortcuts - http://sketchshortcuts.com - https://designcode.io/sketch-keyboard
Sketch news - https://sketch.curated.co - http://sketchapp.rocks
Sketch together - https://www.youtube.com/channel/
UCZHkx_OyRXHb1D3XTqOidRw
Sketch app rock! - http://sketchapp.rocks
Plugins managers: https://sketchpacks.com - http://sketchtoolbox.com

58. Thank you!
@gentlestache