Intro

• Powerful lightweight professional design application

• Compatible with Mac only

• Perfect alternative for Adobe Photoshop & Illustrator

• Made for digital design

• Download the free trial for 14 days

getting started

• Toolbar (top)

• Inspector (right)

• Shapes

• Layers

• Vector

• Hand tool

• Group layers

• Zoom in/out with cmd +/-

• Double click to edit shape

• Export assets

getting around

• Infinite canva

• Multiple artboards: a way to organize content

• Create artboard with artboard tool

• Predefined artboards

• Export artboard

artboards

styling

• Shape types

• Duplicate shape with Alt+drag

• Editing shapes with vector tool

• Alignment tools

• Shared styles

• Mask

styling shapes

• Text inspector

• Text styles

styling text

Symbols

Symbols allows you to reuse elements easily across Artboards and Pages

• Creating Symbols

• Editing Symbols

• Organizing Symbols

• Resizing Symbols

plugins

• Icon font

• Unsplash.it

• Content generator

• Some resources:

  • Sketchapp Plugins​

  • Sketch.land

  • SketchHunt

1. Go to Icon Font Github Repo

2. Click on "Clone or Download" > Download Zip

3. Unzip the folder

4. Open Sketch and go to Help > Search for "Reveal Plugins Folder"

5. Move the downloaded folder to the Plugins folder

6. Do the same for Unsplash.it and Content generator

how to install a plugin

1. Go to Font Bundle > Download and extract the zip file

2. Open the "ttf-files" folder and double-click on each font file to install it

3. Open Sketch and go to Plugins > Icon Font > Install Font Bundle > Select the font-bundles-master folder

install fonts on your mac

tips & tricks

• Export multiple resolutions

• Swipe layer to export

• Measure distances: Alt

• Color picker: Ctrl+C

• Make grid

• Sketch shortcuts

• Customize toolbar

• Copy CSS attributes

• Sketch UI kits

• Mirror with phone