10x Developer
Search…
Sketch

Sketch App

Resources:

Hotkeys and Tips

Nav:
    CMD+1: for artboard overview
    CMD+2: zoom to selected artboard
Move/Sizing/Gap (when object selected):
    ARROW to move. SHIFT+ARROW to move 10px
    CMD+ARROW to adjust size. SHIFT+CMD+ARROW to adjust in 10px step.
    Hold ALT/OPTION key to show distance to others. If mouse over another object you can see the gap to that mouse over object.
Creation:
    R: create rectangle. Use rectangle for hr.
    S: create a slice. Click on the object to create an exact slice.
Group:
    CMD+G: create group
    `CMD+select*: click through a group to select an object.
Misc:
    You can use math 10+2 in the inspector for width, heigth, etc
    CTRL+C: pick color
    Copy style: CMD+OPTION+C

How to create your own hotkey in Sketch?

    Go to "keyboard" in system preference
    Choose "App Shortcuts" in sidebar
    Click "+"
    Select Sketch in "application"
    Type the exact text as appeared in Sketch in "menu title"
      Don't forget root menu
      Use "->"
      Don't use any space
    Assign hotkey
For example, I create a hotkey ^i (Ctrl+i) for inserting images, and here is the "menu title":
Insert->Image...

Shape

    Use union/substract to create shape.
    You can use shape to mask images
    You can fill with image
    Enter edit mode: hit ENTER

Symbol

    Create symbol from a layout
    Replace with symbol: You can right click a layout to choose replace with symbol.
    Override symbol: on the inspect pane

Style

.

Craft Plugin

    duplicate
    pictures
    create style guide and automatically update your project if you update one in the style guide

Other Helpful Tools