A basic overview of Sketch App, with some comparisons with other design tools and showing some of the features that make Sketch an incredible tool.

1. Designing with Sketch
Presented at FredDev • April 8, 2014
by Ian Soper  @imsoper  iansoper  me@iansoper.com

2. Traditional Tools for making
pixel-perfect screen graphics
OR OR

3. Traditionally a print and image editing tool
Every designer knows photoshop
Excellent Pixel-perfect tools
The workflow is crap

4. Fireworks had better workflow
(vector-based, pages, states, symbols, styles)
One of Adobe’s adopted children &
never got much attention (ugly & clunky)

5. Vector tool, primarily for print, identity, & illustration
Multiple artboards & Reusable Symbols
No so pixel-perfect

6. Sketch is a vector-based
tool for creating Pixel
Perfect screen graphics.

8. Image Editor

9. Print Design

10. Pages
+ Artboards

11. Fine Boolean Controls

12. Fine Boolean Controls
Stack
Fills,
Strokes
and
Effects

13. Smart
Guides
Pixel
Snapping

14. Plugin / Scripting
Support

15. Modern Export Workflow
Export from Pages, Artboards or Slices
Exports PNG, SVG, or PDF
Copy CSS Properties from objects

16. Beta

17. 3.0

18. Demo

19. Resources
Bohemian Coding: Developer of Sketch.app
http://bohemiancoding.com/sketch/
Sketch Plugins: A list of third-party Plugins
https://gist.github.com/bomberstudios/7694497
SketchMine: Community Sketch Files & Templates
http://sketchmine.co/
Sketch App Resources from James Young
http://jydesign.com/sketch-app-user-resources

20. Thanks!
by Ian Soper  @imsoper  iansoper  me@iansoper.com