The document discusses tips and hacks for using Sketch App, including sharing designs with developers using Zeplin or Avocode, creating consistent design elements using shared symbols, managing Sketch extensions, creating dynamic symbol sizes, and issues with multiple people accessing networked Sketch files simultaneously.

1. Tips and Hacks for
using Sketch App
Mark Bailey @mark_bailey
Our team just adopted Sketch
Full Time visual designers are in Israel

2. Sketch App Usage
• According to O’Reilly 2016
Design Salary Survey
• 1/2 Sketch
• 1/2 Illustrator
Tips and Hacks for Using Sketch App @mark_bailey
No Milk, It’s Friday I’m trying to keep the audience attention

3. Sharing With
Developers
Tips and Hacks for Using Sketch App @mark_bailey

4. Zeplin or Avocode
https://zeplin.io/
https://avocode.com/
Tips and Hacks for Using Sketch App @mark_bailey
Automatically creates comp measurements, design guides
Shares CSS

5. Enterprise Design Guide
(Shared Symbols)
Tips and Hacks for Using Sketch App @mark_bailey

6. Symbol Database
Consistent Widget Appearance
Tips and Hacks for Using Sketch App @mark_bailey
Same spacing
Tables columns stay left aligned for number values

7. Shared Symbols
(The right way)
Tips and Hacks for Using Sketch App @mark_bailey

8. Shared Symbols
(The Wrong Way)
Tips and Hacks for Using Sketch App @mark_bailey

9. Sketch Extension
Manager
Tips and Hacks for Using Sketch App @mark_bailey

10. Sketch Toolbox
http://sketchtoolbox.com/
Tips and Hacks for Using Sketch App @mark_bailey

11. Dynamic Sized
Symbols
Tips and Hacks for Using Sketch App @mark_bailey

12. Set Padding in Symbol Name
https://github.com/ddwht/sketch-dynamic-button
Tips and Hacks for Using Sketch App @mark_bailey

13. PROBLEM
Network Shared Files
Tips and Hacks for Using Sketch App @mark_bailey

14. Multiple People Accessing the Same File
Confirmed problem with Bohemian Coding
Tips and Hacks for Using Sketch App @mark_bailey

15. Thank You
(Now Start Telling me How I’m Wrong)
Tips and Hacks for Using Sketch App @mark_bailey
Sketch Tutorials
https://leveluptutorials.com/tutorials/sketch-3-tutorials
Design Sharing
https://zeplin.io/
https://avocode.com/
Sketch Plug-ins
http://sketchtoolbox.com/
https://github.com/ddwht/sketch-dynamic-button
sketch measure
flinto
box.com