Sketch is a vector graphics app for Mac used in design workflows from wireframing to prototyping to asset generation. It allows for copying and pasting elements as symbols across artboards, has useful shortcuts, and a thriving plugin community. The document recommends using Sketch's strengths like pixels being cheap through vectors and symbols, knowing the strengths of different tools, and being open to new techniques and plugins to improve one's design workflow.

1. Using Sketch in Your Workflow
From Idea to Finished Product
Brian Louis Ramirez | UX Designer | @brilouram

2. What's up?
4 What
4 Why
4 How

3. What is Sketch?

4. Sketchfor Mac
99€

5. posters magazines
documents illustrations

6. What is Sketch
NOT?

7. Sketch is not
Photoshop!

8. WHY use
Sketch?

9. ARTBOARDS

10. Copy & Paste

11. Badass shortcuts
⌘

12. Vector graphics
= Exportability

13. Work @1x

14. PLUGINS - community
1 x 99€
Independence from Adobe

16. How to
Use Sketch
in Your Workflow

17. Workflow
>>>>>>>>>>
1. Wireframe
2. Prototype
3. Layout & Design
4. Spec & Generate Assets

18. 1Wireframe

19. 'a' for artboard

20. 'r' for rectangle
'b' to toggle borders
'f' to toggle fill

21. '⌘ + g' for groups
'symbols' for repeating elements
'⌘ + d' to duplicate
'styles' for repeating styles

22. '⌘ + select' to select layers in groups
'o' for ovals and circles
double-click shapes to edit

23. ⌥ + ⌘ + ↑ to bring layer forward
'⌥ + ⌘ + ↓' to move layer backwards
'⌃ + ⌘ + m' to use as mask

24. "content generator" plugin

26. 2Prototype

27. InVisionfor iOS
from $13/mo
(free / 1 prototype)

28. InVision Viewer
for iOS
free

30. Flintofor Mac
$99

32. Pixatefor Mac or PC
from $5/mo

33. Framer Studio
for Mac
$99

36. 3Layout & Design

37. sketchappsources.com

38. designcode.io/ios9.com

41. Sketch Mirror
for iOS
4.99€

43. 4Spec & Generate Assets

45. "Measure" plugin

46. Zeplin

47. "Sketch constraints" plugin

48. "Sketch constraints" plugin

50. =============
SVMMASVMMARVM
=============

51. Summary
1. Use shortcuts, symbols, plugins, templates
2. Pixels are cheap
3. Know the strengths and weaknesses of tools
4. Be open to new things

52. Sketch is not
just a tool

53. Sketch isa community – a design culture

54. Links
4 https://medium.com/@erqiudao/how-to-use-only-
rectangle-circle-and-line-to-draw-illustration-in-
sketch-7d8a58102e46
4 https://articles.sketchtricks.com/sketch-for-print-
design-fd165b92cb3a
4 http://landing.adobe.com/en/na/products/creative-
cloud/comet/229818-notifyme.html

55. Thanks!@brilouram