Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Sketch-to-Code Prototyping

1,071 views

Published on

Talk given April 30 at UX Camp Chicago.

Published in: Design
  • Be the first to comment

Sketch-to-Code Prototyping

  1. 1. Sketch-to-Code Prototyping Will Hacker 4.30.2016 willhacker.net @willhacker
  2. 2. Sketch-to-Code Prototyping | 4.30.2016 2 Getting to Solutions Faster
  3. 3. Sketch-to-Code Prototyping | 4.30.2016 3 Wireframes Don’t Cut It Anymore
  4. 4. 4Sketch-to-Code Prototyping | 4.30.2016
  5. 5. Sketch-to-Code Prototyping | 4.30.2016 5 Quickly Generate Ideas
  6. 6. Sketch-to-Code Prototyping | 4.30.2016 6 Generate Lots of Ideas
  7. 7. Sketch-to-Code Prototyping | 4.30.2016 7 Making It Real
  8. 8. Sketch-to-Code Prototyping | 4.30.2016 8 Owner’s Manual Live Code Pattern Library
  9. 9. Sketch-to-Code Prototyping | 4.30.2016 9 Mobile First Approach
  10. 10. Sketch-to-Code Prototyping | 4.30.2016 10 Tablet Breakpoint
  11. 11. Sketch-to-Code Prototyping | 4.30.2016 11 Desktop Breakpoint
  12. 12. Sketch-to-Code Prototyping | 4.30.2016 12 Live Code View
  13. 13. Sketch-to-Code Prototyping | 4.30.2016 13 Isolate Patterns
  14. 14. Sketch-to-Code Prototyping | 4.30.2016 14 Isolated Patterns / Focused Code
  15. 15. Sketch-to-Code Prototyping | 4.30.2016 15 Working Responsive Prototypes
  16. 16. Sketch-to-Code Prototyping | 4.30.2016 16 Team Structure Development Pods Interaction Designer Visual Designer UX Prototyper
  17. 17. Sketch-to-Code Prototyping | 4.30.2016 17 Prototyping Tools  Sketches  Sublime  GitHub  Numerous Devices
  18. 18. Sketch-to-Code Prototyping Will Hacker 4.30.2016 willhacker.net @willhacker

×