Intro to Sketch
Workshop by @nicolesaidy
design airbnb's homepage
Today's mission
Intro
-
Powerful lightweight professional design tool
-
Compatible with Mac only
-
Perfect alternative for Adobe Photoshop & Illustrator
-
Ubuntu/Windows alternative: Figma
getting around
-
Toolbar
-
Inspector
-
Shapes
-
Layers
-
Vector
-
Hand tool
-
Group layers
-
Zoom in/out
-
Artboards
styling
-
Shape types
-
Duplicate shapes
-
Editing shapes
-
Alignment tools
-
Mask
-
Text inspector
-
Text styles
Symbols
-
Creating Symbols
-
Editing Symbols
-
Organizing Symbols
-
Resizing Symbols
plugins
sketchapp.com/extensions/plugins
tips & tricks
-
Export multiple resolutions
-
Swipe layer to folder
-
Measure distances with Alt
-
Make grid
-
Sketchshortcuts.com
-
Copy CSS attributes
-
Sketch UI kits
-
Mirror with phone
let's design airbnb!
-
Go to bit.ly/airbnb-sketch
-
Download the folder
-
Install the fonts
-
Open Sketch
-
Good luck!
-
For images, use pexels.com
Extra steps for Figma users
-
Go to bit.ly/airbnb-figma
-
Sign up
-
Enable local fonts in Settings
awesome design resources
github.com/nicolesaidy/awesome-web-design
nicolesaidy.com
@nicolesaidy
Intro to Sketch Workshop
By nicolesaidy
Intro to Sketch Workshop
- 81