The Right 🛠s for the job

Since Sketch came on the scene there have been a number of new design tools released. How do they compare? Which ones could be of use to you and your team? Do they power up Sketch, or do they replace it? This talk will survey the landscape of design tools and show them in action.

Transcript

1. The Right s For The Job 360|iDev 2017 Tyler Burgett @tyburg
9. Comparing the tools • Cost • Does it power up or replace Sketch? • Ease of use and notable features • Community
10. 0 40 80 120 160 Keynote Sketch Figma Framer Cost of ownership over 1 year
11. 0 75 150 225 300 Keynote Sketch Figma Framer InVision Cost of ownership over 1 year
12. 0 150 300 450 600 Keynote Sketch Figma Framer InVision Cost of ownership over 2 years
13. 0 225 450 675 900 Keynote Sketch Figma Framer InVision Cost of ownership over 3 years
18. octo Your favorite ingredients, eight ways
19. Sketch • The current standard • Apple and Google provide .sketch files • Great vector support • Symbols and styles • Sketch Cloud • Sketch Mirror iOS app • Additional functionality provided by plugins • Large, active community
21. Recommended Plugins • Craft • Autolayout • Sketch Arrange Artboards
22. Demo
23. InVision • Powers up Sketch • Craft Plugin, now with prototyping • Great for collaboration and feedback • Kanban style workflow for approving screen designs • InVision iOS app is great • They make lots of great content
37. Demo
38. Figma • Replaces Sketch (and maybe InVision too) • Web based • Multiplayer • Auto Layout baked in • Can import Sketch files • Figma Mirror is OK
39. Translation from Sketch • Frame = Artboard • Component = Symbol (and sort of shared style too)
41. –Scott “I am super surprised that just worked.”
42. Demo
43. Keynote • $Free.99 • Apple uses it • Feels very Sketchlike • Collaborative • Making rounded corners is surprisingly terrible • Small but skilled community • iOS Keynote is excellent
44. –Jonathan Cho, Designer at Apple WWDC 2016 “Even Keynote was designed using Keynote…that shouldn’t even be possible, but it is because Keynote is awesome.”
45. Translation from Sketch Zoom In ⌘ > Zoom Out ⌘ < Actual Size ⌘ 0 Show Object List
 (layer list) ⌘ ⇧ L Slide = Artboard
50. Demo
53. Framer • Could power up or replace Sketch • Can import Sketch files • Use code to make designs interactive • Able to share designs with a link • Framer Mirror is excellent • Top notch community
56. A response that fixed my problem showed up in 14 minutes!
57. Demo
58. Ease of use Power features
59. Design iOS App Vectors Autolayout Sharing $/year A+ B+ A A B A+ C A A+ via plugin Yes Yes A+ B+ A B- No NA NA NA A+ A+ B A A+ Community Small, but
 skilled Very 
 responsive Sketch’s
 cousin Lots of 
 great 
 content Vast with
 many 
 resources $99 $69 $300 $free.99 $159 $144
60. Which tool(s) should I use?
64. Thank you! @tyburg