Workshop by @nicolesaidy
Today's mission
Powerful lightweight professional design application
Compatible with Mac only
Perfect alternative for Adobe Photoshop & Illustrator
Made for digital design
Download the free trial for 30 days
Toolbar (top)
Inspector (right)
Shapes
Layers
Vector
Hand tool
Group layers
Zoom in/out with cmd +/-
Double click to edit shape
Export assets
Infinite canva
Multiple artboards: a way to organize content
Create artboard with artboard tool
Predefined artboards
Export artboard
Shape types
Duplicate shape with Alt+drag
Editing shapes with vector tool
Alignment tools
Shared styles
Mask
Text inspector
Text styles
Symbols allows you to reuse elements easily across Artboards and Pages
Creating Symbols
Editing Symbols
Organizing Symbols
Resizing Symbols
Icon font
Unsplash.it
Content generator
To use the Icon Font plugin, you have to install the icon fonts on your mac:
Open the "ttf-files" folder and double-click on each font file to install it
Open Sketch and go to Plugins > Icon Font > Install Font Bundle > Select the font-bundles-master folder
Confused? Watch this
Go to the plugin's Github repository
Click on "Clone or Download" > Download Zip
Unzip the folder
Open Sketch and go to Help > Search for "Reveal Plugins Folder"
Move the downloaded folder to the Plugins folder
Export multiple resolutions
Swipe layer to export
Measure distances: Alt
Color picker: Ctrl+C
Make grid
Copy CSS attributes
Mirror with phone
Step #1
(10 minutes)
Step #2
(15 minutes)
For inspiration:
Step #3
(20 minutes)
github.com/nicolesaidy/awesome-web-design
nicolesaidy.com
@nicolesaidy