-
Notifications
You must be signed in to change notification settings - Fork 24
/
cheatsheet.html
166 lines (156 loc) · 8.11 KB
/
cheatsheet.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<html>
<head>
<meta charset="UTF-8">
<title>Keyboard Shortcut Cheat Sheet for Sketch</title>
<style>
* {
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
margin: 25px;
}
body,
ul {
color: rgb(17, 20, 24);
font: normal 12px/1.4 Helvetica Neue, arial;
}
li {
list-style-position: inside;
}
h2 {
display: table;
color: white;
padding: 15px 17px;
background: #0A1726;
margin: 50px 0 0 25px;
}
svg {
margin-right: 15px;
vertical-align: middle;
}
table {
width: 100%;
}
td {
padding: 25px;
vertical-align: top;
}
}
</style>
</head>
<body>
<h2><svg xmlns="http://www.w3.org/2000/svg" width="26" height="24" viewBox="0 0 26 24" role="banner" itemprop="brand"><path fill="white" fill-rule="evenodd" d="M22.317 1.982L26 6.275 13 24 0 6.275l3.683-4.293L8.343 0h9.315l4.66 1.982zM9.1 17.24l-3.467-6.363-2.73-2.07L9.1 17.24zm10.162-6.23H6.695l6.283 11.515 6.284-11.516zm-2.405 6.23l3.466-6.363 2.73-2.07-6.196 8.433zM5.827 9.93L1.084 6.32l2.882-3.37L8.06 4.954 5.828 9.93zm3.035-4.646l-2.167 4.844h12.567l-2.167-4.844H8.862zM20.128 9.93l4.745-3.61-2.88-3.37-4.096 2.004 2.23 4.976zm-3.033-5.526H8.862L4.875 2.422 8.493.882h8.97l3.62 1.54-3.988 1.982z"></path></svg>Keyboard Shortcut Cheat Sheet for Sketch</h2>
<table>
<tr>
<td>
<h3>Insert</h3>
<ul>
<li>Artboard: <strong>A</strong></li>
<li>Rectangle: <strong>R</strong></li>
<li>Rounded Rectangle: <strong>U</strong></li>
<li>Oval: <strong>O</strong></li>
<li>Line: <strong>L</strong></li>
<li>Vector: <strong>V</strong></li>
<li>Pencil: <strong>P</strong></li>
<li>Text: <strong>T</strong></li>
<li>Slice: <strong>S</strong></li>
</ul>
<h3>Editing Shapes</h3>
<ul>
<li>Keep Current Selection: <strong>command+option</strong></li>
<li>Use as Mask: <strong>command+control+M</strong></li>
<li>Resize Object: <strong>command+arrows</strong></li>
<li>Resize Object (by 10px): <strong>command+shift+arrows</strong></li>
<li>Union: <strong>command+option+U</strong></li>
<li>Subtract: <strong>command+option+S</strong></li>
<li>Intersect: <strong>command+option+I</strong></li>
<li>Difference: <strong>command+option+X</strong></li>
<li>Change Vector Point Style: <strong>1</strong>, <strong>2</strong>, <strong>3</strong> or <strong>4</strong></li>
</ul>
<h3>Window</h3>
<ul>
<li>Toggle Between Documents: <strong>command+~</strong></li>
<li>Toggle Layer List: <strong>command+option+1</strong></li>
<li>Toggle Inspector: <strong>command+option+2</strong></li>
<li>Layer List & Inspector: <strong>command+option+3</strong></li>
<li>Toggle Toolbar: <strong>command+T</strong></li>
<li>Presentation Mode: <strong>command+.</strong></li>
<li>Fullscreen Mode: <strong>command+control+F</strong></li>
</ul>
</td>
<td>
<h3>Type</h3>
<ul>
<li>Bold: <strong>command+B</strong></li>
<li>Italic: <strong>command+I</strong></li>
<li>Underline: <strong>command+U</strong></li>
<li>Inc. Font Size: <strong>command+option+(+)</strong></li>
<li>Dec. Font Size: <strong>command+option+(-)</strong></li>
<li>Inc. Character Spacing: <strong>control+option+L</strong></li>
<li>Dec. Character Spacing: <strong>control+option+T</strong></li>
<li>Change Font: <strong>command+T</strong></li>
<li>Align Left: <strong>command+shift+{</strong></li>
<li>Align Center: <strong>command+shift+|</strong></li>
<li>Align Right: <strong>command+shift+}</strong></li>
<li>Special Characters: <strong>command+control+space</strong></li>
<li>Convert Text to Outlines: <strong>command+shift+O</strong></li>
</ul>
<h3>Canvas</h3>
<ul>
<li>Zoom In: <strong>command+(+)</strong></li>
<li>Zoom Out: <strong>command+(-)</strong></li>
<li>Actual Size: <strong>command+0</strong></li>
<li>Center Canvas: <strong>command+1</strong></li>
<li>Zoom Selection: <strong>command+2</strong></li>
<li>Center Selection: <strong>command+3</strong></li>
<li>Temp. Zoom to Actual Size: <strong>§</strong> or <strong>shift+~</strong></li>
<li>Focus on First Input Field: <strong>option+tab</strong></li>
<li>Toggle Rulers: <strong>control+R</strong></li>
<li>Toggle Grid: <strong>control+G</strong></li>
<li>Toggle Layout Guides: <strong>control+L</strong></li>
<li>Toggle Pixels: <strong>control+P</strong></li>
<li>Toggle Selection Handles: <strong>control+H</strong></li>
<li>Toggle Pixel Grid: <strong>control+X</strong></li>
<li>Move Canvas: <strong>space+drag</strong></li>
</ul>
</td>
<td>
<h3>Editing Layers</h3>
<ul>
<li>Show Smart Guides: <strong>option</strong></li>
<li>Click-Through to Group: <strong>command+click</strong></li>
<li>Smart Guides + Click-Through: <strong>command+option</strong></li>
<li>Duplicate: <strong>command+D</strong> or <strong>option+drag</strong></li>
<li>Copy Style: <strong>command+option+C</strong></li>
<li>Paste Style: <strong>command+option+V</strong></li>
<li>Color Picker: <strong>control+C</strong></li>
<li>Transform: <strong>command+T</strong></li>
<li>Rotate: <strong>command+shift+R</strong></li>
<li>Toggle Fill: <strong>F</strong></li>
<li>Toggle Border: <strong>B</strong></li>
</ul>
<h3>Arranging Objects</h3>
<ul>
<li>Bring Forward: <strong>command+option+up</strong></li>
<li>Send Backward: <strong>command+option+down</strong></li>
<li>Bring to Front: <strong>command+option+control+up</strong></li>
<li>Send to Back: <strong>command+option+control+down</strong></li>
<li>Hide: <strong>command+shift+H</strong></li>
<li>Lock: <strong>command+shift+L</strong></li>
<li>Rename: <strong>command+R</strong></li>
<li>Group Layers: <strong>command+G</strong></li>
<li>Ungroup Layers: <strong>command+shift+G</strong></li>
<li>Select Layer Above: <strong>shift+tab</strong></li>
<li>Select Layer Below: <strong>tab</strong></li>
<li>Select Parent Artboard: <strong>esc</strong></li>
<li>Find Layer by Name: <strong>command+F</strong></li>
<li>Select Page Above: <strong>fn+up</strong></li>
<li>Select Page Below: <strong>fn+down</strong></li>
</ul>
</td>
</tr>
</table>
</body>
</html>