Web Unleashed 2015
Web Dev
  • 2015-09-16 00:00:00 2015-09-17 00:00:00 America/Toronto Web Unleashed 2015 Toronto FITC
  • Toronto

Presentation

SlideShare

Overview

Front-end frameworks are becoming more accessible and design tools are looking more like IDEs. This overlap between designer and developer can be a delightful partnership or a powerful skill-set. However, as these disciplines come closer together, the tools we use must evolve as well; and they have.

In this session, we’ll look at a duo of modern tools for moving designs from pixels to code fast. With the visual language of material design, we’ll review commons screens then see how to define the motion between them.

Objective

A brief overview of where design tools are at and an in-depth look at moving through the process faster by prototyping.

Target Audience

Designers who code, coders who design, and anyone looking to improve communication between UX and engineering. All software reviewed is Mac based.

Assumed Audience Knowledge

Knowledge of JavaScript or CoffeeScript.

Five things audience members will learn

  1. Basics of the material design language
  2. Why it’s important to prototype before going to production
  3. How Sketch makes it quick to iterate on screens
  4. How Framer works with Sketch to make prototyping easy
  5. The value of a prototype when moving to production